Тёмный

Episode 12 | Angular @ViewChild and @ViewChildren 

Saikat's Tutorial
Подписаться 3 тыс.
Просмотров 68 тыс.
50% 1

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.

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

 

3 окт 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 46   
@amolmali3583
@amolmali3583 6 лет назад
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..:)
@SaikatsTutorial
@SaikatsTutorial 6 лет назад
Thanks Amol.
@prasadkorrapati1638
@prasadkorrapati1638 3 года назад
Very nice explanation. Many thanks.
@SaikatsTutorial
@SaikatsTutorial 3 года назад
Glad it was helpful!
@amrutterdal5077
@amrutterdal5077 5 лет назад
Good Tutorial Covered the concept and explained nicely. Best video for Understanding ViewChild and viewChildren.
@ashifali2817
@ashifali2817 5 лет назад
Simple and easy to clear the viewchild. Thanks dear
@indrasisdatta7029
@indrasisdatta7029 5 лет назад
Very simple and to the point explanation with proper explanation! Keep up the good work, buddy! 😃😊
@musings2134
@musings2134 5 лет назад
This is goooood!!! 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.
@SaikatsTutorial
@SaikatsTutorial 5 лет назад
Thanks bro
@y.haritha1219
@y.haritha1219 3 года назад
You uploaded view child and children in that you show on latest but updated not shown show that one also
@thamizharasanr4386
@thamizharasanr4386 6 лет назад
really nice video to understand vc vch , thank you so much
@onlynaveen
@onlynaveen 6 лет назад
Sir Great!!!, after use this visual, atleat I'm able to work on @ViewChild/Children, ElementRef/TemplateRef/NativeElement etc. Very clear to understand, I appreciate your topic, Again Thanks a Lot.
@SaikatsTutorial
@SaikatsTutorial 6 лет назад
Many thanks
@TT-ud5gf
@TT-ud5gf 6 лет назад
NabKishore Barik Please share the usages as why you need to use @ViewChild/Children, ElementRef/TemplateRef/NativeElement etc
@yassinerassy6840
@yassinerassy6840 5 лет назад
nice way and a suuper exemples you are good at explaining things i realy enjoyed it !!
@doblerbr
@doblerbr 5 лет назад
Best explanation so far, thank you so much!
@ramachandrapadhi4459
@ramachandrapadhi4459 4 года назад
Thanks it's help for me, & waiting for next videos
@joekern
@joekern 3 года назад
I like how in the last 30 seconds you can hear the clock ticking in the background as the time displayed updates
@SaikatsTutorial
@SaikatsTutorial 3 года назад
😆
@krishnachandrasharma1321
@krishnachandrasharma1321 5 лет назад
Awesome man. I loved it
@DineshYadav-hz1ne
@DineshYadav-hz1ne 4 года назад
Nicely Explained
@havefun5519
@havefun5519 4 года назад
Really cool tut~ More real-world app practice for the ViewChild, ViewChildren examples more welcome.
@gender121
@gender121 6 лет назад
Really...NIce Tutorial
@MrB_eastt
@MrB_eastt 5 лет назад
Amazing view
@hosamhemaily4817
@hosamhemaily4817 5 лет назад
really nice Sailkat
@gender121
@gender121 6 лет назад
A very very Good tutorial..
@SaikatsTutorial
@SaikatsTutorial 6 лет назад
Thanks
@robertkylethomas173
@robertkylethomas173 4 года назад
Thanks brother
@gender121
@gender121 6 лет назад
Nice Tutorial
@anandr8028
@anandr8028 5 лет назад
Great brother ur awesome 😊👌
@namahshivaya9753
@namahshivaya9753 5 лет назад
Thanx man.It helped a lot.
@brijeshmishra9893
@brijeshmishra9893 6 лет назад
Very helpful
@shubhamarora547
@shubhamarora547 6 лет назад
Sir please make more videos on theme material design thanks
@RaviTejaKoneru
@RaviTejaKoneru 6 лет назад
Hi Saikat, Thanks for your tutorials .. Could Please explain few more concepts like Dynamic Component Loading, Lazy Loading and HTTP interceptor
@SaikatsTutorial
@SaikatsTutorial 6 лет назад
Sure Ravi. I have plan for next video tutorial on moduler design practice and lazy loading, but unable to complete due to huge work pressure. For sure I will upload tutorial this month.
@saianusha2818
@saianusha2818 5 лет назад
@@SaikatsTutorial please it will be really helpful if u do those concepts..
@muhdhanafiyakub6678
@muhdhanafiyakub6678 6 лет назад
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
@SaikatsTutorial
@SaikatsTutorial 6 лет назад
You need to use ngAfterViewInit hook instead of ngOnInit
@sanjuk3185
@sanjuk3185 5 лет назад
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..
@DANIELRICHSON
@DANIELRICHSON 5 лет назад
Hi Saikat, we have dynamic tabs, in each tab we have s embedded and we have the hidden form in angular to post data to ...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 only..Help on this item urgently
@arijitchakrabarty1552
@arijitchakrabarty1552 5 лет назад
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 :)
@SaikatsTutorial
@SaikatsTutorial 5 лет назад
Hi, I need to understand the exact use case. But root component must be displayed. Though bootstrap function is able to take multiple root components.
@arijitchakrabarty1552
@arijitchakrabarty1552 5 лет назад
​@@SaikatsTutorial Thanks for the reply. I solved the problem, though. I, basically had to render a component independently. But due to some restrictions, I was facing some problems. It's fixed now :D Thanks again.
@1004robinson
@1004robinson 5 лет назад
Using angular 4.1 In .html file: , In .ts file import { Component, OnInit, ViewChild, ElementRef, AfterViewInit } from '@angular/core'; @ViewChild('benchBotTab') benchBotTab: ElementRef; ngAfterViewInit() { console.log(`MyViewChild: ${this.benchBotTab.nativeElement}`); } but I'm getting an error like Runtime Error Uncaught (in promise): TypeError: this.benchBotTab is undefined
@younas61805
@younas61805 4 года назад
it's not Valo it is Value. ;)
@khanhnam99
@khanhnam99 5 лет назад
pls github this video source code
Далее
Episode 8 | Angular Change Detection Strategy
16:54
Просмотров 41 тыс.
I Built a SECRET Lamborghini Dealership!
33:02
Просмотров 7 млн
When Goalkeepers Get Bored 🤯 #3
00:27
Просмотров 2 млн
@ViewChild/@ViewChildren in Angular (Tutorial 35)
19:31
Reactive Forms  - The Basics
15:48
Просмотров 256 тыс.
Top 10 RxJs Operators in Angular [Angular Series]
25:06
I Remade YouTube From Scratch Using Just Bash
17:51
Просмотров 14 тыс.
JavaScript Pro Tips - Code This, NOT That
12:37
Просмотров 2,5 млн
Why aren't you using Fastify? Or Koa? Or NestJS?
9:58
I Built a SECRET Lamborghini Dealership!
33:02
Просмотров 7 млн