@ViewChild/@ViewChildren in Angular (Tutorial 35)

@ViewChild/@ViewChildren decorator provides us with a easy and simple way to access and manipulate the properties and methods of a Child Component from a container or root component.
By using @viewchild we can achieve the following things,
• Accessing template of same component
• Accessing the template of child component
The @ViewChild query returns the first matching element from the DOM and updates the component variable on which we apply it.
we must supply the query selector, which can be a string or a type as the first argument to the ViewChild
Please watch my other video that I have created to explain the functionality of Subject and its variants in RxJS, so that you can understand it easily in Angular.
RxJS Subject: • RxJS Subject | What is...
RxJS BehaviorSubject : • BehaviorSubject | Beha...
RxJS Replay Subject: • ReplaySubject | Replay...
Angular Subject and BehaviorSubjet: • Subject and BehaviorSu...
Promises vs Observables: • Promises vs Observable...
Promises vs Observables shorts: • Promise vs Observable ...
DON'T CLICK HERE: shorturl.at/AFGJT
This code is available on github:
github.com/nis...
This Book will help you to understand angular more: amzn.to/3f1nf9q
I have used below FAKE API in demo to illustrate the AsyncSubject:
restcountries....
►Subscribe Now: / nishasingla 🔔 Stay updated!
Watch complete playlist here: • Introduction- Angular ...
Follow us on:
Facebook: / angularjs4beginners
LinkedIn: / nisha-singla-82407aa0
Instagram: / passion4code
#viewchildren #viewchild #nishasingla

[@Faildragon]

Thank you, finally someone who explains @ViewChild clearly.

[@NishaSingla]

thank you much 😀😀

[@HemanthHemszz]

Never understood this viewchild and viewchildren until i saw this video. Thanks a lot.

[@NishaSingla]

I'm glad my video was able to help you understand this subject.

[@indian7082]

Iam big fan of your videos.. Excellent explanation.

[@krishnag6199]

Very nice tutorial... thankyou somuch

[@VijayKumar-fq4ie]

Wow really a great tutorial because its a good description of viewchild n viewchildren. Thanks a lot

[@nagendirank8010]

Nice explanation easy to understand the concept

[@nitinprachandacogz5795]

very well explained. thanks

[@vivekgupta309]

very simple but detailed and easy to understand tutorials. thanks a lot !!!

[@NayanJoshi24]

very well explained (y) Keep up the good work.

[@NishaSingla]

Thanks 😊

[@neelamvishvakarma3609]

Amazing Explanation in very easy words. hats off to you . such a great tutorial.

[@NishaSingla]

Thank you so much for your comment 😀😀👍🏻

[@fanan5023]

Frankly speaking, this short really saved me.
thanks a lots

[@jayantiroy1476]

Thanks for so simple explanation

[@NishaSingla]

😀😀

[@bedtimeanimationadventures]

Ramdomly I found this video and its crystal clear for me thanks😊

[@omkarmankar1524]

well explained. thanks

[@colossal_velocity]

Excellent tutorial! Thank you 👍

[@NishaSingla]

Thanks

[@MaheshSuryawanshi-r1v]

Very simple and clear video

[@joshuatye1027]

Thanks for your teaching 🎉

[@arpit846]

Explain in simple way, Thanks

[@subhashthenua7404]

wow how easily you explained
thanks for such vedios.😊🙂

[@sourabhpandit6724]

Excellent simple Explanation .

[@rohitpandey9986]

Wow! Crisp and Clear 👍

[@31sar]

Thanks from the bottom of my heart

[@NishaSingla]

🙏🙏😊😊

[@poornivaishu780]

Today only I got to know your channel... Really all your videos are amazing and you know it's superb superb all concepts are very clean and clear... Thanks a lot and really God bless you for your wonderful work

[@NishaSingla]

Thank you so much.. Glad to know you like it :)
Stay connected

[@Adnan3035]

Very good explanation.

[@NishaSingla]

Thanks 😊

[@437pavankalyan2]

such a wonderful explanation...

[@vj-angular]

Very great.. Ur way of explanation is too good.. Thanks for the video

[@NishaSingla]

Thank you 🙏

[@akiratoriyama1320]

Exactly!!

[@NishaSingla]

Thanks ☺️

[@codewithvamshee6634]

Super Madam. Thanks for giving valuable Info

[@NishaSingla]

😀😀

[@sliceoflife2014]

Great ..Nice.. Very easily you explained Ma'am.. 👍

[@varunkumar1961]

you are a blessing for angular beginners, thank you so much for your hard work

[@rahulsingh12]

Simple & to the point. Keep up the good work Nisha.

[@arslanghummann]

great tutorial ! thanksss

[@tanveeransari989]

mindblowing explanation.
you are awesome

[@rsodeyi]

Having watched the whole course before, I now use it as a reference.
Thanks again for putting it out there.
Still helping developers a year in 👍🏾

[@naragoud428]

excellent explaination

[@NitinTalwar-v3z]

kept it really simple to understand. cheers

[@vaibhavsarode2426]

Nice Explaination

[@NishaSingla]

Thank you 😊

[@zihadurrahmman4227]

thanks a lot. You made me tension free.

[@NishaSingla]

Thank you 😊

[@ivtechnet6661]

Very well explained..... thank u :)

[@coradragut4505]

Finally really understanding these concepts and where everything is supposed to go and how it gets accessed. After countless of tutorials, articles and Maximilian's Schwarzmuller's famous Udemy course put on repeat for these concepts (he does NOT know how to properly explain concepts), you are like a breath of fresh air! Thank you! Going to check out if you also explain the ContentChild concept as well. have an amazing day Nisha! :)

[@NishaSingla]

Really glad to know that you finally got what you were looking for ..
Checkout this video Content Projection with ng-content (Tutorial 36)
ruclips.net/video/b71prZA8sQ0/видео.html
Stay connected 🤞🏻😀

[@akd2487]

Yes I too agree with Cora..Max famous course is not at all digestive for freshers like me ..He never explains basic concepts properly 👀😅..Thanks to you as finally after wasting 2 days I understood some important concepts!! I'm super excited to learn angular from your videos now!!

[@maheshshirsat9075]

checkout procademy utube channel for angular hes great for freshers

[@rickmemmer5625]

I couldn't agree more about Nisha -- and I knew she was different inside of 60 seconds of this video. I was working on an exercise that went through the "Difference between Template-Driven and Reactive Forms in Angular" -- and I was running into some compilation errors. One of them involved @ViewChild -- and it was a blessing in disguise because that issue led me here.
As for Maximilian, through immense experience -- my advice would be to never get too hung up on a particular teacher (regardless of reputation). I'm not commenting one way or the other on his courses -- I'm simply saying that if you find yourself repeating the instruction, find someone else who works better for you. I'm sure you know that now, but I wanted to mention it anyway.
For example: I was watching an excellent Udemy course on OOP in C#. The course is great for what it is -- but it doesn't dive into detail (which is fine because it wasn't designed that way). But I had a couple of questions along the way -- where I wanted more detail. That led me to this guy (who blew my mind -- once again, inside of 60 seconds).
PART 1: Constructors in C#.NET Part 1 | C#.NET Tutorial | Mr. Bangar Raju.
That guy dives into detail like nothing I've ever seen -- and he makes every second count. Moreover, by the end of each video -- I understood everything he explained (which is incredibly rare for complexity at that level -- for me, anyway). Once again, that's not a knock on other instructors -- as their instruction is obviously working for some people. And of course, I'm not saying we shouldn't be critical of instructors -- I'm just saying that it often comes down to just finding the right ones for you.
Speaking of which: I already have plenty of good resources on Angular, but I feel quite fortunate to have found Nisha -- as she set herself apart right out of the gate. Gotta love how that works: The frustration of resolving compilation issues and digging deeper to understand -- led me someone who can help me better understand.
. . .

[@codewithme172]

@@akd2487 Probally that guy does not fully understand the concepts...otherwise he can explain it clearly!

[@prashantchavan962]

Simply amazing !!!! love your teaching style

[@shreyasbhargava55]

Very nicely explain

[@hiteshsuthar1097]

This is the best explanation of @ViewChild() ✨❄️🤍

[@dhaneshdhanawade]

Best explanation so for this topic

[@abhisheksoni6012]

Nisha, you are an excellent trainer with expertise in the subject. You explained such complex concepts/topics of angular effortlessly. I am a big fan of you. I watched your whole angular series and only one word, it is awesome. I have never seen such a detailed explanation of Angular Topics. You really made our life easy. Thank you so much and Hope you will continue to share your knowledge with strugglers.

[@ZahidHussain-hj2dk]

Amazing content ...very helpful .
Highly recommended for beginners

[@sameerrout1723]

Your teaching soo simple

[@theshivrajofficial8444]

Thank you ma'am for this knowledge

[@stavroskefaleas6320]

OMG this woman is the best Angular Tutor I've seen!
Thank you so much for your excellent videos!

[@NishaSingla]

Thank you so much for showing this response 😀😀🙏🙏✌🏻

[@rakeshswain16]

Awesome Nisha... thanks for the clean and clear explanation

[@akash.deep1001]

Just Amazing Nisha. Kudos to you !! Thanks a lot

[@ranjithkumar4170]

Very nice explanation

[@naturalworld5513]

Mam your voice is clear and beautiful, I can understand clearly all the concepts, thanks for sharing the knowledge!!

[@poojaas5939]

You are really amazing, i have been stuck in this viewchild from very long and you made me understand in single go.. Thank you

[@NishaSingla]

Good to know it helped you 😀😀

[@abhisheksah7113]

can i get your number

[@pruthvirajmekala2611]

you are the best. so far I have seen many videos for angular but nobody made it so clear about life cycle hooks thank you so much for keeping it so clean.

[@Stylehackswithpal]

I always consider this topic difficult and always try to skip. But you are great, you made me understand it very easily and never forget type. Thank you so much....

[@NishaSingla]

Thank you 😊

[@Deen.youth.]

Good job mam🎉

[@shrikhan2215]

you are a blessing for angular beginners like me, thank you so much!!!

[@akashchoudhary681]

thanks for the video it really helped me.

[@pranitachikorde603]

This is such a clear explanation, you could easily start with angular development using this series

[@ashokece7642]

Wow.. I got this concept.. thanks

[@NishaSingla]

Glad to know 😀😀

[@Uzair_Anwar2299]

Appreciated your explanation

[@rohanayush]

So beautifully explained!

[@ecevetri9545]

Best Explanation

[@mytop3467]

Good tutorial

[@pankajmenkudale]

Superb....Good explained...

[@jaydeeppatil9120]

Great 👏

[@always_curious7527]

Got good clarity of viewchild and viewchild, never been this clear, thanks :)
Keep going!!

[@NishaSingla]

Glad it helped!

[@PrafullakumarSahuprofile]

Quality content Nisha. Completely understood. Subscribed.

[@NishaSingla]

Thanks for connecting 😀😀

[@ashishnayak2666]

Clear explanation

[@NishaSingla]

Thank you 🙏

[@CheeJinOng]

very well explained

[@narainsankar]

Great explanation. Thanks for clearing all my doubts on @viewchild and @viewchildren

[@gauridesai8274]

wow Nisha , this is really good !! keep up the good work . loads of good wishes to you

[@NishaSingla]

Thanks a lot 😊

[@mdgosoddin192]

Excellent knowledge.

[@easycode937]

very well explained
😘😘😘😘

[@florianuhlmann1653]

Very nicely explained.
The comparison with JS helped a lot.
Good job

[@NishaSingla]

Thank you 😊…

[@maheshlowe907]

Wow, this is amazing. Described the concept very clearly and into the point. Now I fully understand the concept upto this point. Keep up with great work.

[@riteshk9879]

awesome 😊

[@SuryaPraK45H]

Thanks! This video cleared up a lot of my doubts!

[@adarshdwivedi5395]

Great 🎉

[@vineethaboyidi9789]

Great video, Thanks!!

[@novidade16]

you are the best

[@rajeevkalangi2472]

Wonderful.

[@NishaSingla]

Thank you 😊

[@harinip3157]

Nisha you are doing marvelous job i loved it super I never saw such types of angular videos in RUclips great job

[@NishaSingla]

Thank you so much 🙂

[@sajithashankar4825]

You are explaining all concepts really well Nisha.

[@NishaSingla]

Thank you

[@nagababuk2197]

It helped me a lot to understand the concept clearly. thankyou for your efforts ... 🔥

[@NishaSingla]

Thank you 😊

[@mohamedasiq3750]

thank you very much

[@NishaSingla]

😊😊🙏🙏

[@ksas323]

Top 🤗

[@DebasmitSamal294]

Excellent

[@jaywantnarwade]

nice explanation, most of doubt clear

[@sornamanickam1692]

Mam amazing teaching..... Pls continue the angular series.... It will be helpful for everyone.......

[@NishaSingla]

Thank you 🙏 sure

[@GospelBeats]

First off, Thank you so much for breaking down the concept of @ViewChild in Angular! I have a question, at 18:15 in the video, in the viewchild.component.html, on the line: Counter {{ child?.counter }}. Why did you add the question mark?

[@NishaSingla]

Thanks 😊
? Is basically for optional chaining , just to avoid error when object is undefined
You can read more about this here
ruclips.net/video/3yZuXLjWPjU/видео.html

[@GospelBeats]

@@NishaSingla Awesome! Thank you!

[@hashtagrahul15]

wow, very well explained :D

[@chaka1530]

Just a small additional note. Instead of putting ref to a child component we could just put this in our .ts file ->
*@ViewChild(CounterComponent) child: CounterComponent* instead of *@ViewChild('childView) child: CounterComponent*
In this way we are omitting the usage of ref in .html file. Btw, video is super helpful and clear. Thanks :)

[@NishaSingla]

Hey thanks for your suggestion.. Appreciate 👍🏻👍🏻😊😊

[@alissoncode9352]

Thank you so much. This is a great content!

[@NishaSingla]

Hey thanks 😊

[@vasanthapandiyanm2405]

great Nisha... more thanks for this video.... kindly do video for headers and interceptor concept...

[@tousifbiswas1115]

greate ...

[@poojabalsaraf4800]

Literally..I am addicted to ur videos..such great & wonderful explanation I ever watched on RUclips..thank u so much for ur efforts..it make our life easier technically..🥰👍

[@saunaknandi1814]

Addiction is not good for health. LoL

[@chaplinchowdhury2240]

Your teaching technique is great and also you have very depth knowledge, I have subscribed your channel and looking to learn more complex things about Angular. Thank you

[@Muslim-zm8sx]

Great

[@swathikulkarni2749]

Hey Nisha, you're so good at explaining and you made my day dear. Please post video on resolvers if possible.

[@NishaSingla]

Thanks Swathi 😀😀