Cannot read property 'element' of undefined

[Mircea]

Hi,

I tried to update your appointment planner example 

https://ej2.syncfusion.com/showcase/angular/appointmentplanner/#/dashboard

to Angular 8 (in my way to Angular 9).

These are my observations:

1. Cannot read property 'element' of undefined at DoctorAvailabilityComponent.ngOnInit

It appears  / Tooltip / TooltipEventArgs has no "element" argument anymore.

2. Cannot read property 'hide' of undefined at CalendarComponent.ngOnInit

It appears  the Angular Dialog Component has no more Hide properties.

3. Cannot read property 'nativeElement' of undefined  at DoctorsComponent.ngOnInit

It appears another ToolTip issue related to   " this.tooltipObj.appendTo(this.specialistItemObj.nativeElement);"

Thank you very much for your help.

Regards,

Mircea

[Ravikumar Venkatesan]

Hi Mircea, 

Greetings from Syncfusion Support. 

Currently, we are working on the Angular 9 support and it will be available in any of our upcoming release. Once it is completed, we will check the reported problem and update further details. We would appreciate your patience until then.   

  

Please let us know if you have any concerns. 

Regards, 

Ravikumar Venkatesan 

[Mircea]

Hi Ravikumar,

Those errors are for Angular 8, not Angular 9, so the demo should work.

Thank you for your help. 

Regards,

Mircea

[George]

Hi Mircea,

In Angular 8+ for @ViewChild decorator (and also for @ContentChild) you have to provide two metadata properties 'selector'  and 'static' (the third metadata property 'read' is optional).

If you access the selected element inside of ngOnInit() you have to set {static: true} and if you don't access selected element in ngOnInit() set {static: false}.  

So, for solving errors:

1. in  DoctorAvailabilityComponent change your code to @ViewChild('availabilityObj', {static: true}) public availabilityObj: ListView;

2. in CalendarComponent change your code to @ViewChild('specialistObj', {static: true}) specialistObj: DialogComponent;

3. in DoctorsComponent change your code to @ViewChild('specialistItemObj', {static: true}) public specialistItemObj: any;

Regards/Toate cele bune,

George Constantinescu

[Mircea]

Hi George,

Thank you for your detailed answer. 

I was using { static: false } for all @ViewChild decorator and the errors were misleading me.

Now it is working....waiting for Angular 9 compatibility.

Regards/ Numai bine,

Mircea

[Vengatesh Maniraj]

Hi Mircea,

In Angular 8+ for @ViewChild decorator (and also for @ContentChild) you have to provide two metadata properties 'selector'  and 'static' (the third metadata property 'read' is optional).

If you access the selected element inside of ngOnInit() you have to set {static: true} and if you don't access selected element in ngOnInit() set {static: false}.  

So, for solving errors:

1. in  DoctorAvailabilityComponent change your code to @ViewChild('availabilityObj', {static: true}) public availabilityObj: ListView;

2. in CalendarComponent change your code to @ViewChild('specialistObj', {static: true}) specialistObj: DialogComponent;

3. in DoctorsComponent change your code to @ViewChild('specialistItemObj', {static: true}) public specialistItemObj: any;

Regards/Toate cele bune,

George Constantinescu

Hi George,

Greetings from Syncfusion Support.

 

Thanks for providing a detailed answer.

 

Regards,

Vengatesh.

[Vengatesh Maniraj]

Hi George,

Thank you for your detailed answer. 

I was using { static: false } for all @ViewChild decorator and the errors were misleading me.

Now it is working....waiting for Angular 9 compatibility.

Regards/ Numai bine,

Mircea

Hi Mircea,

 

Thanks for the update.

 

We are happy that the Angular 8 related issues were resolved.

 

And, we are glad that we have provided the Angular 9 support for our controls and it can be available in the version of v17.4.51. Kindly upgrade your package to v17.4.51 to get the support.

 

Regards,

Vengatesh

[Mircea]

Hi Vengatesh,

I upgraded the packages to version 17.4.51 and I could compile the application with Angular 9.0.3 without errors.

Thank you very much for your help. 

Regards, 

Mircea

[Vengatesh Maniraj]

Hi Mircea, 

You are most welcome. 

Please get in touch with us if you require any further assistance. 

Regards, 

Vengatesh.