Тёмный

@ViewChild/@ViewChildren in Angular (Tutorial 35) 

Nisha Singla
Подписаться 33 тыс.
Просмотров 65 тыс.
50% 1

@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

Опубликовано:

 

3 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 209   
@MaheshSuryawanshi-r1v
@MaheshSuryawanshi-r1v Месяц назад
Very simple and clear video
@Faildragon
@Faildragon 2 года назад
Thank you, finally someone who explains @ViewChild clearly.
@NishaSingla
@NishaSingla 2 года назад
thank you much 😀😀
@HemanthHemszz
@HemanthHemszz 2 года назад
Never understood this viewchild and viewchildren until i saw this video. Thanks a lot.
@NishaSingla
@NishaSingla 2 года назад
I'm glad my video was able to help you understand this subject.
@abhisheksoni6012
@abhisheksoni6012 2 месяца назад
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.
@neelamvishvakarma3609
@neelamvishvakarma3609 2 года назад
Amazing Explanation in very easy words. hats off to you . such a great tutorial.
@NishaSingla
@NishaSingla 2 года назад
Thank you so much for your comment 😀😀👍🏻
@vivekgupta309
@vivekgupta309 Год назад
very simple but detailed and easy to understand tutorials. thanks a lot !!!
@coradragut4505
@coradragut4505 2 года назад
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
@NishaSingla 2 года назад
Really glad to know that you finally got what you were looking for .. Checkout this video Content Projection with ng-content (Tutorial 36) ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-b71prZA8sQ0.html Stay connected 🤞🏻😀
@akd2487
@akd2487 2 года назад
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
@maheshshirsat9075 Год назад
checkout procademy utube channel for angular hes great for freshers
@rickmemmer5625
@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
@codewithme172 Год назад
@@akd2487 Probally that guy does not fully understand the concepts...otherwise he can explain it clearly!
@poornivaishu780
@poornivaishu780 2 года назад
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
@NishaSingla 2 года назад
Thank you so much.. Glad to know you like it :) Stay connected
@arpit846
@arpit846 6 месяцев назад
Explain in simple way, Thanks
@fanan5023
@fanan5023 2 года назад
Frankly speaking, this short really saved me. thanks a lots
@poojaas5939
@poojaas5939 3 года назад
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
@NishaSingla 3 года назад
Good to know it helped you 😀😀
@abhisheksah7113
@abhisheksah7113 Год назад
can i get your number
@narainsankar
@narainsankar Год назад
Great explanation. Thanks for clearing all my doubts on @viewchild and @viewchildren
@nitinprachandacogz5795
@nitinprachandacogz5795 2 года назад
very well explained. thanks
@31sar
@31sar 3 года назад
Thanks from the bottom of my heart
@NishaSingla
@NishaSingla 3 года назад
🙏🙏😊😊
@pankajmenkudale
@pankajmenkudale 3 месяца назад
Superb....Good explained...
@VijayKumar-fq4ie
@VijayKumar-fq4ie Год назад
Wow really a great tutorial because its a good description of viewchild n viewchildren. Thanks a lot
@jayantiroy1476
@jayantiroy1476 3 года назад
Thanks for so simple explanation
@NishaSingla
@NishaSingla 3 года назад
😀😀
@NayanJoshi24
@NayanJoshi24 2 года назад
very well explained (y) Keep up the good work.
@NishaSingla
@NishaSingla 2 года назад
Thanks 😊
@Stylehackswithpal
@Stylehackswithpal 2 года назад
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
@NishaSingla 2 года назад
Thank you 😊
@prashantchavan962
@prashantchavan962 2 года назад
Simply amazing !!!! love your teaching style
@subhashthenua7404
@subhashthenua7404 Год назад
wow how easily you explained thanks for such vedios.😊🙂
@adarshdwivedi5395
@adarshdwivedi5395 Год назад
Great 🎉
@varunkumar1961
@varunkumar1961 Год назад
you are a blessing for angular beginners, thank you so much for your hard work
@rsodeyi
@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 👍🏾
@nagendirank8010
@nagendirank8010 Год назад
Nice explanation easy to understand the concept
@vj-angular
@vj-angular 3 года назад
Very great.. Ur way of explanation is too good.. Thanks for the video
@NishaSingla
@NishaSingla 3 года назад
Thank you 🙏
@akiratoriyama1320
@akiratoriyama1320 3 года назад
Exactly!!
@NishaSingla
@NishaSingla 3 года назад
Thanks ☺️
@SuryaPraK45H
@SuryaPraK45H Год назад
Thanks! This video cleared up a lot of my doubts!
@sourabhpandit6724
@sourabhpandit6724 5 месяцев назад
Excellent simple Explanation .
@joshuatye1027
@joshuatye1027 Год назад
Thanks for your teaching 🎉
@krishnag6199
@krishnag6199 Год назад
Very nice tutorial... thankyou somuch
@sliceoflife2014
@sliceoflife2014 2 года назад
Great ..Nice.. Very easily you explained Ma'am.. 👍
@Deen.youth.
@Deen.youth. Год назад
Good job mam🎉
@pruthvirajmekala2611
@pruthvirajmekala2611 2 года назад
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.
@dhaneshdhanawade
@dhaneshdhanawade Год назад
Best explanation so for this topic
@DebasmitSamal294
@DebasmitSamal294 3 месяца назад
Excellent
@pranitachikorde603
@pranitachikorde603 2 года назад
This is such a clear explanation, you could easily start with angular development using this series
@stavroskefaleas6320
@stavroskefaleas6320 3 года назад
OMG this woman is the best Angular Tutor I've seen! Thank you so much for your excellent videos!
@NishaSingla
@NishaSingla 3 года назад
Thank you so much for showing this response 😀😀🙏🙏✌🏻
@ZahidHussain-hj2dk
@ZahidHussain-hj2dk 2 года назад
Amazing content ...very helpful . Highly recommended for beginners
@mohamedasiq3750
@mohamedasiq3750 3 года назад
thank you very much
@NishaSingla
@NishaSingla 3 года назад
😊😊🙏🙏
@sameerrout1723
@sameerrout1723 2 года назад
Your teaching soo simple
@shrikhan2215
@shrikhan2215 Год назад
you are a blessing for angular beginners like me, thank you so much!!!
@codewithvamshee6634
@codewithvamshee6634 3 года назад
Super Madam. Thanks for giving valuable Info
@NishaSingla
@NishaSingla 3 года назад
😀😀
@hiteshsuthar1097
@hiteshsuthar1097 Год назад
This is the best explanation of @ViewChild() ✨❄️🤍
@akashchoudhary681
@akashchoudhary681 2 года назад
thanks for the video it really helped me.
@naturalworld5513
@naturalworld5513 Год назад
Mam your voice is clear and beautiful, I can understand clearly all the concepts, thanks for sharing the knowledge!!
@colossal_velocity
@colossal_velocity 2 года назад
Excellent tutorial! Thank you 👍
@NishaSingla
@NishaSingla 2 года назад
Thanks
@tanveeransari989
@tanveeransari989 Год назад
mindblowing explanation. you are awesome
@rohitpandey9986
@rohitpandey9986 8 месяцев назад
Wow! Crisp and Clear 👍
@rahulsingh12
@rahulsingh12 9 месяцев назад
Simple & to the point. Keep up the good work Nisha.
@florianuhlmann1653
@florianuhlmann1653 2 года назад
Very nicely explained. The comparison with JS helped a lot. Good job
@NishaSingla
@NishaSingla 2 года назад
Thank you 😊…
@ivtechnet6661
@ivtechnet6661 2 года назад
Very well explained..... thank u :)
@Adnan3035
@Adnan3035 2 года назад
Very good explanation.
@NishaSingla
@NishaSingla 2 года назад
Thanks 😊
@sornamanickam1692
@sornamanickam1692 3 года назад
Mam amazing teaching..... Pls continue the angular series.... It will be helpful for everyone.......
@NishaSingla
@NishaSingla 3 года назад
Thank you 🙏 sure
@437pavankalyan2
@437pavankalyan2 2 месяца назад
such a wonderful explanation...
@maheshlowe907
@maheshlowe907 2 года назад
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.
@vaibhavsarode2426
@vaibhavsarode2426 3 года назад
Nice Explaination
@NishaSingla
@NishaSingla 3 года назад
Thank you 😊
@zihadurrahmman4227
@zihadurrahmman4227 2 года назад
thanks a lot. You made me tension free.
@NishaSingla
@NishaSingla 2 года назад
Thank you 😊
@always_curious7527
@always_curious7527 2 года назад
Got good clarity of viewchild and viewchild, never been this clear, thanks :) Keep going!!
@NishaSingla
@NishaSingla 2 года назад
Glad it helped!
@naragoud428
@naragoud428 Год назад
excellent explaination
@rakeshswain16
@rakeshswain16 Год назад
Awesome Nisha... thanks for the clean and clear explanation
@ksas323
@ksas323 2 года назад
Top 🤗
@novidade16
@novidade16 2 года назад
you are the best
@ecevetri9545
@ecevetri9545 Год назад
Best Explanation
@shreyasbhargava55
@shreyasbhargava55 Год назад
Very nicely explain
@easycode937
@easycode937 6 месяцев назад
very well explained 😘😘😘😘
@theshivrajofficial8444
@theshivrajofficial8444 Год назад
Thank you ma'am for this knowledge
@chaka1530
@chaka1530 2 года назад
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
@NishaSingla 2 года назад
Hey thanks for your suggestion.. Appreciate 👍🏻👍🏻😊😊
@vasanthapandiyanm2405
@vasanthapandiyanm2405 3 года назад
great Nisha... more thanks for this video.... kindly do video for headers and interceptor concept...
@rohanayush
@rohanayush 2 года назад
So beautifully explained!
@nagababuk2197
@nagababuk2197 2 года назад
It helped me a lot to understand the concept clearly. thankyou for your efforts ... 🔥
@NishaSingla
@NishaSingla 2 года назад
Thank you 😊
@ranjithkumar4170
@ranjithkumar4170 4 месяца назад
Very nice explanation
@harinip3157
@harinip3157 2 года назад
Nisha you are doing marvelous job i loved it super I never saw such types of angular videos in RU-vid great job
@NishaSingla
@NishaSingla 2 года назад
Thank you so much 🙂
@sajithashankar4825
@sajithashankar4825 2 года назад
You are explaining all concepts really well Nisha.
@NishaSingla
@NishaSingla 2 года назад
Thank you
@akash.deep1001
@akash.deep1001 2 года назад
Just Amazing Nisha. Kudos to you !! Thanks a lot
@riteshk9879
@riteshk9879 2 года назад
awesome 😊
@ashokece7642
@ashokece7642 2 года назад
Wow.. I got this concept.. thanks
@NishaSingla
@NishaSingla 2 года назад
Glad to know 😀😀
@Uzair_Anwar2299
@Uzair_Anwar2299 Год назад
Appreciated your explanation
@bhaveshgupta7736
@bhaveshgupta7736 Год назад
just want to say THANK YOU (with heart symbol)
@gauridesai8274
@gauridesai8274 2 года назад
wow Nisha , this is really good !! keep up the good work . loads of good wishes to you
@NishaSingla
@NishaSingla 2 года назад
Thanks a lot 😊
@poojabalsaraf4800
@poojabalsaraf4800 2 года назад
Literally..I am addicted to ur videos..such great & wonderful explanation I ever watched on RU-vid..thank u so much for ur efforts..it make our life easier technically..🥰👍
@saunaknandi1814
@saunaknandi1814 2 года назад
Addiction is not good for health. LoL
@ashishnayak2666
@ashishnayak2666 3 года назад
Clear explanation
@NishaSingla
@NishaSingla 3 года назад
Thank you 🙏
@PrafullakumarSahuprofile
@PrafullakumarSahuprofile 2 года назад
Quality content Nisha. Completely understood. Subscribed.
@NishaSingla
@NishaSingla 2 года назад
Thanks for connecting 😀😀
@NitinTalwar-v3z
@NitinTalwar-v3z Год назад
kept it really simple to understand. cheers
@Muslim-zm8sx
@Muslim-zm8sx 2 года назад
Great
@siriuseneegy4484
@siriuseneegy4484 2 года назад
Hey Thanks for the explanation , it was really helpful , these concepts were initially hard to learn and grasp with other instructors , and now you've made it super simple to understand thanks for your effort, and also it would be great if you could teach on connecting angular CRUD app to mysql database , hoping to learn a lot from you !
@manibharathi7286
@manibharathi7286 7 месяцев назад
Thanks a lot
@CheeJinOng
@CheeJinOng 2 года назад
very well explained
@tousifbiswas1115
@tousifbiswas1115 4 месяца назад
greate ...
@hashtagrahul15
@hashtagrahul15 2 года назад
wow, very well explained :D
@jaywantnarwade
@jaywantnarwade 7 месяцев назад
nice explanation, most of doubt clear
@jaydeeppatil9120
@jaydeeppatil9120 Год назад
Great 👏
@arslanghummann
@arslanghummann 2 года назад
great tutorial ! thanksss
@mytop3467
@mytop3467 2 года назад
Good tutorial
@vineethaboyidi9789
@vineethaboyidi9789 2 года назад
Great video, Thanks!!
@chaplinchowdhury2240
@chaplinchowdhury2240 2 года назад
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
@ankitsingh7919
@ankitsingh7919 2 года назад
Hi Nisha , frankly speaking and today I can say that my doubt are solve after seeing your video . Before that I was been confused whether to use it in parent or child. In which scenarios it is feasible. Very big thanks. Really appreciated your video and your hard work behind this. Thanks a lot
@NishaSingla
@NishaSingla 2 года назад
Thank you so much :)
@swathikulkarni2749
@swathikulkarni2749 2 года назад
Hey Nisha, you're so good at explaining and you made my day dear. Please post video on resolvers if possible.
@NishaSingla
@NishaSingla 2 года назад
Thanks Swathi 😀😀
@gautamsingh-kx7hn
@gautamsingh-kx7hn Год назад
👌👌👌👌👌
@nikhileshverma4270
@nikhileshverma4270 2 года назад
perfect..
@NishaSingla
@NishaSingla 2 года назад
Thanks 🙏
@MdJahedulIslam-fj1mj
@MdJahedulIslam-fj1mj Год назад
crystal clear
Далее
Content Projection with ng-content (Tutorial 36)
15:57
#kikakim
00:10
Просмотров 14 млн
小路飞嫁祸姐姐搞破坏 #路飞#海贼王
00:45
@ViewChild in Angular | Data Binding | Angular 12+
19:41
Change Detection Strategy in Angular
23:17
Просмотров 48 тыс.
CanDeactivate Route Guard - Angular (Tutorial #26)
14:32
#kikakim
00:10
Просмотров 14 млн