@ViewChild in Angular | Data Binding | Angular 12+ 

Thank you, Sir! You're one of the best teacher on RU-vid!

Awesome how I watch your videos to learn one thing and at the end I learnt a lot more. You're a great teacher. Thank you!

Will you please explain the difference about the use of viewchild vs @input@output... what is the advantages and disadvances over the other.

Nice videos, thank you

@ViewChild static property can you also explain that? Thank You.

Property 'dateOfBirth' has no initializer and is not definitely assigned in the constructor. 11 @ViewChild('dobInput') dateOfBirth: ElementRef; 28th video @ViewChild video

Very clear explanation, thank you!

Thank you so much Its really very much helpful 🎉🎉

Why does sayHello() get called 4 times when the page displays?

in which scenario we can use @ViewChild decorator

Thank you very much! 👋

Maybe, I don't get something, but it looks like if person was born on 27-th of October, 2001, he is not 21 y.o. yet - how it is explained with this method 'calculateAge()' Just saying Btw - content is very g00d - THANKS!

I am getting this error when trying to access element. Ts: @ViewChild('', { static: false }) : ElementRef; But i am getting this error: Property '' has no initializer and is not definitely assigned in the constructor. Html: . Can you please help me on this?

Thank you so much!

instead of using viewchild static, we could use dependency injection right?

The second method you described in the video: "Accessing child component in the parent component using ViewChild decorator" is not working anymore.

if you are getting error try this: @ViewChild("dobInput") dateOfBirth!: ElementRef; @ViewChild("ageInput") age!: ElementRef; and if you want more precise calculation of age: calculateAge(){ let birthDate = new Date(this.dateOfBirth.nativeElement.value); let currentDate = new Date(); let diffInMilliseconds = Math.abs(currentDate.getTime() - birthDate.getTime()); let diffInYears = diffInMilliseconds / (1000 * 60 * 60 * 24 * 365.25); this.age.nativeElement.value = Math.floor(diffInYears); }

Why statement in sayHello(), logged twice in console?

How it worked without declaring var inside afterviewinit method?

hi i have got error in ts file property @ViewChild(DemoComponent, {static: true}) demoComp: DemoComponent; ->demoComp

Property 'age' has no initializer and is not definitely assigned in the constructor. 12 @ViewChild('ageInput') age: ElementRef; ~~~

please share link of java script course #procademy

Got error object is possibly undefined

share github code

here in your example if we delete even console giving error. It means not able to call function . Can you explain why it is like that ? what is the relation between and {{democomp.sayHello()}}

@ViewChild('dobInput') dateOfBirth: ElementRef; @ViewChild('ageInput') age: ElementRef; Error Property 'dateOfBirth' has no initializer and is not definitely assigned in the constructor. Property 'age' has no initializer and is not definitely assigned in the constructor. I am using Angular 14.