Episode 12 | Angular @ViewChild and @ViewChildren

Get reference of the template inside your component class using ViewChild or ViewChildren to change the behavior and appearance of the element. Watch is this tutorial for more details.

[amolmali]

Hi Saikat.. Nice tutorial..For first few mins, I was under impression that tutorial going too slow but you are good at explaining things. I enjoyed it and received what I was looking for..Looking for more videos from you...
Thank you so much, Keep it up..:)

[amrutterdal]

Good Tutorial Covered the concept and explained nicely. Best video for Understanding ViewChild and viewChildren.

[ramachandrapadhi]

Thanks it's help for me, & waiting for next videos

[ashifali]

Simple and easy to clear the viewchild. Thanks dear

[yassinerassy]

nice way and a suuper exemples you are good at explaining things i realy enjoyed it !!

[thamizharasanr]

really nice video to understand vc vch, thank you so much

[indrasisdatta]

Very simple and to the point explanation with proper explanation! Keep up the good work, buddy! 😃😊

[onlynaveen]

Sir Great!!!, after use this visual, atleat I'm able to work on @ViewChild/Children, etc. Very clear to understand, I appreciate your topic, Again Thanks a Lot.

[joekern]

I like how in the last 30 seconds you can hear the clock ticking in the background as the time displayed updates

[havefun]

Really cool tut~ More real-world app practice for the ViewChild, ViewChildren examples more welcome.

[musings]

This is I am real stingy with compliments. So, if I say this is good (with multiple 'O's ) it mean your tutorial is really good! Thank you for making this Saikat.

[doblerbr]

Best explanation so far, thank you so much!

[y.haritha]

You uploaded view child and children in that you show on latest but updated not shown show that one also

[RaviTejaKoneru]

Hi Saikat, Thanks for your tutorials .. Could Please explain few more concepts like Dynamic Component Loading, Lazy Loading and HTTP interceptor

[muhdhanafiyakub]

Hi, i have a question .. How do i manipulate the dom within the *ngIf directive using the viewchild... i tried and got nativeElement undefined .. Is there a way i can detect if a certain dom had been rendered after ngOnInit so that i can fire up a method once it is rendered, because some of my dom will only rendered after a data is received by backend (observable) ... Thank you

[shubhamarora]

Sir please make more videos on theme material design thanks

[DANIELRICHSON]

Hi Saikat, we have dynamic tabs, in each tab we have iframes embedded and we have the hidden form in angular to post data to iframe...if I use ViewChild or ViewChildren I m getting only current tab form data only by using nativeelement. But when it gets submitted it is getting posted to first tab iframe only..Help on this item urgently

[arijitchakrabarty]

Hi saikat. i'm facing an issue in angular 7. A little help would be highly appreciated. Here's my problem :
I want to display a component independently, when that component is called, without showing the root component(in my case, the app.component.html). What is the way to do that ?
thanks a lot :)

[sanjuk]

I was trying to add two numbers in angular its working fine when i use button but i want to perform addition on keyup and the sum should be passed to child component without using any button or click event through function in app.component.ts
Please tell how to do this. Thanks in Advance..

[robinson]

Using angular 4.1
In .html file: <table class="grid-btable" #benchBotTab>,
In .ts file
@ViewChild('benchBotTab') benchBotTab: ElementRef;
ngAfterViewInit() {
console.log(`MyViewChild:
}
but I'm getting an error like
Runtime Error
Uncaught (in promise): TypeError: this.benchBotTab is undefined