Angular Tutorial - 15 - Component Interaction

  Рет қаралды 563,228

Codevolution

Codevolution

Күн бұрын

Пікірлер: 218
@thehoangnguyen9985
@thehoangnguyen9985 6 жыл бұрын
On the latest Angular 6 version, in order to work, you will have to comment out the default import { EventEmitter } from 'events' and include EventEmitter from '@angular/core' I don't really know what is the EventEmitter from events is, they have the same name but different purpose it seems. Can anyone explain this?
@Codevolution
@Codevolution 6 жыл бұрын
The video is reflects Angular 5 but it has changed in Angular 6 as you point out. I will pin this comment so that it will be helpful for others with the same problem. Thanks
@idlevandal69
@idlevandal69 6 жыл бұрын
Has the video been updated? He is importing EventEmitter from @angular/core at 5:50
@johan_maximus
@johan_maximus 6 жыл бұрын
You saved my life (Y)
@vatsalshah6505
@vatsalshah6505 6 жыл бұрын
should have show multiple value passing. just a suggestion.
@endrefidje5698
@endrefidje5698 5 жыл бұрын
Will there be an updated version of these Angular tutorials based on Angular 7? Seems to be a few things "broken" now.
@Skaxarrat
@Skaxarrat 6 жыл бұрын
I just found your tutorials and I'm enjoying them. This is my 15th video in a row :) Can you do sometimes videos doing small projects (20-60 min vídeos) where you create a small SPA? This way we could learn how to put every thing we learnt together.
@SoumilShah
@SoumilShah 5 жыл бұрын
I have learned more from your videos than Udemy course Good luck Great Job !!!
@nellyville8657
@nellyville8657 5 жыл бұрын
Plz did you succed with the Output Event. It does'nt work with me
@fuzailraashid3041
@fuzailraashid3041 4 жыл бұрын
Very tricky topic...yet explained in a way as a child's play..hats off to you.
@피누-s6k
@피누-s6k 3 жыл бұрын
If any one getting this error in Angular 12 error TS7008: Member 'parentData' implicitly has an 'any' type. @Input () public parentData; use @Input () public parentData: any;
@ashleymutenha5093
@ashleymutenha5093 3 жыл бұрын
Thanks it helped was stuck for an hour
@senthamarai_kannan.
@senthamarai_kannan. 3 жыл бұрын
It is not working for me.
@senthamarai_kannan.
@senthamarai_kannan. 3 жыл бұрын
thanks a lot
@juliahmwangi1146
@juliahmwangi1146 2 жыл бұрын
Or @Input() public parentData =" " This worked for me
@aswinuthaman6510
@aswinuthaman6510 2 жыл бұрын
thanks bro
@subramanyamchapala7362
@subramanyamchapala7362 5 жыл бұрын
sir your teaching skills are legendary. Very understandable lecture. thank u .
@devinosborne3396
@devinosborne3396 3 жыл бұрын
It's Unfair how good these explanations are of Angular.
@shreeameybro2714
@shreeameybro2714 Жыл бұрын
Learnt the basics within roughly in 3 days thank you sir !!
@bholarai6348
@bholarai6348 5 жыл бұрын
Wonderfully explained, with simplest possible example, thanks
@kaushikpower
@kaushikpower 4 жыл бұрын
Your explanation is so simple yet powerful.❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️
@IAmNumber49
@IAmNumber49 Жыл бұрын
Thank you very much... I feel like a loser while programming in angular, but now I've watched this, it helped me a lot to understand how that works.
@lifeislove9750
@lifeislove9750 6 жыл бұрын
Your way for teaching is really really awesome. 👌👌👌
@VolodymyrM_UA
@VolodymyrM_UA 3 жыл бұрын
If you get "Can't bind to 'parentData' since it isn't a known property of 'app-test'" error message, check if your test component's selector is defined as Tag: 'app-test' (and used as custom HTML tag: in the app component). Because Class selector: '.app-test' () and Attribute selector: '[app-test]' ( ) will not work, with the above error.
@betterahyosi
@betterahyosi 2 жыл бұрын
Yes I also stuck here
@gwynethpena5305
@gwynethpena5305 4 жыл бұрын
your teaching skills is superb!
@shadow_3213
@shadow_3213 5 жыл бұрын
Thank you from my heart for your helpfull videos Vishwas !!!
@eriksenp
@eriksenp 6 жыл бұрын
Great Job bro! What if I have an app-menu and a router-outlet in my app-root, how can I pass data from parent to components?
@HIghtowerSever
@HIghtowerSever 4 жыл бұрын
Extremely understandable explanation! Thanks a lot.
@AbhishekKumar-sf6no
@AbhishekKumar-sf6no 5 жыл бұрын
woah bro! keep it up....... no ads and best content! such passion and hard work i salute you bro. and may god bless u....
@vzsshadow3141
@vzsshadow3141 6 жыл бұрын
Thank you very much this video, i am very noob in angular but this was perfectly clear explanation
@abhishekmungekar8899
@abhishekmungekar8899 5 жыл бұрын
I am facing an error @Output childData not initialized in 'TestComponent'. using angular 7
@Praneethyerireddi1234
@Praneethyerireddi1234 3 жыл бұрын
Very simple upto the point video brother. Great ...
@shilpasoni4609
@shilpasoni4609 4 жыл бұрын
Thank you! this series is really helpful and easy to understand for beginners.
@kidoo1567
@kidoo1567 6 ай бұрын
Data transfer between parents and child components are using @input and @output decorator
@sagar8964
@sagar8964 5 жыл бұрын
you are an amazing teacher...!
@manwinsingh7381
@manwinsingh7381 2 жыл бұрын
so far soooo good. Really a great course on angular
@Gyanitheking
@Gyanitheking 4 жыл бұрын
Sir, You simplify even the hardest of things. Thanks for putting up these videos
@ABsazerNer
@ABsazerNer 4 жыл бұрын
You tutorials are always the best, cause you always teach with examples, keep up 👍
@chagantisubhash
@chagantisubhash 6 жыл бұрын
Awesome, considering donating to encourage your work!! Thanks alot.
@hariharannagarajan6739
@hariharannagarajan6739 4 жыл бұрын
I intialized the variable name as vishwas, i used the variable in app.component.html, as But it threw an error as "parentData is not a known property of app-test". Kindly advice how to fix this error.
@archanakurup6158
@archanakurup6158 4 жыл бұрын
@Input() parentData; in App test.Import @Input from Angular/core
@nr7343
@nr7343 4 жыл бұрын
your explanetoins is very clear!!! good
@kp00002
@kp00002 6 жыл бұрын
Great Angular Video collections ! Keep it up.
@gtrj55tgjr
@gtrj55tgjr 5 жыл бұрын
Hello sir. Thnks for the great tutorial but i have a question, you have send data from child to parent by clicking a button(or by event) , but i dont want to click a button, i want to send while loading and without clicking any button then what should i do for tht
@imhappynow8471
@imhappynow8471 5 жыл бұрын
finally someone explains it well
@arnabmondal5596
@arnabmondal5596 6 жыл бұрын
Can we pass an object to the parent thru event and assign it to a property in parent component?
@inascharan
@inascharan 2 жыл бұрын
thank you sir, now i am more confused then earlier! [just-joking!!] it was easier now, but you taught so smooth.
@tom17936548
@tom17936548 4 жыл бұрын
Very clear explanation👍
@Johny-y7w
@Johny-y7w 3 ай бұрын
Thanks you sir! Great explanation
@vijaykarumuri7617
@vijaykarumuri7617 6 жыл бұрын
Great Sir, Keep it up........
@VIjayKumartheh2o
@VIjayKumartheh2o 5 жыл бұрын
Why the childEvent property is enclosed with (childEvent) while send the data from Child component to parent component??
@ahmedabdelaziz4425
@ahmedabdelaziz4425 5 жыл бұрын
I like you angular tutorials, its very easy to understand and apply
@zakkanderson817
@zakkanderson817 6 жыл бұрын
donation done! amazing work! keep going
@Codevolution
@Codevolution 6 жыл бұрын
Thanks a lot man :)
@princeprabhu44
@princeprabhu44 Жыл бұрын
Very good explanation
@satepestage3599
@satepestage3599 2 жыл бұрын
Thanks bro. You explain things very well
@Thanveershah
@Thanveershah 6 жыл бұрын
Open a Patreon or something , So we can actually donate money for your Amazing work
@rexsam3134
@rexsam3134 3 жыл бұрын
Do you have any videos on communication between 2 child components?
@barezazad2830
@barezazad2830 5 жыл бұрын
thank u mr vishvas , you very help me ..................
@orl123124
@orl123124 4 жыл бұрын
great job bro I've learned a lot with your video
@manosubburaj2901
@manosubburaj2901 6 жыл бұрын
Great channel to learn new technologies. Your way of telling is superb. Cngrtz
@kshBCN
@kshBCN 6 жыл бұрын
You are awesome. Thanks Vishwas
@umairali2360
@umairali2360 6 жыл бұрын
sir at 03:35 i have error "1. If 'app-test' is an Angular component and it has 'parentData' input, then verify that it is part of this module. 2. If 'app-test' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.", plz plz help
@kumark691
@kumark691 6 жыл бұрын
Add test component in app.module.ts
@TeluguCartoonist
@TeluguCartoonist 6 жыл бұрын
same error bro how to solve
@umairali2360
@umairali2360 6 жыл бұрын
@@TeluguCartoonist dear my error was in view. and now i did not remember exactly how i solve it, because i am working on laravel
@eyotajr
@eyotajr 6 жыл бұрын
when sending data from child to parent i can use the data without redeclaration the data on the parent.. is there some kind side effect because i don't redeclare the data on parent that sent by the child compt?
@Hasansaid51
@Hasansaid51 4 жыл бұрын
what if my parent component has How would i lift up an event from child to parent?
@gomathirr2062
@gomathirr2062 4 жыл бұрын
perfect explanation !!! thank you so much !!!
@santoshbhat3868
@santoshbhat3868 6 жыл бұрын
Lovely Tutorial
@ankitagupta6232
@ankitagupta6232 3 жыл бұрын
can we send multiple data from child to app component or vice-versa?
@8Kexperience
@8Kexperience 5 жыл бұрын
awesome work, thank you!
@mahibeats6070
@mahibeats6070 Жыл бұрын
Thanks 👍 nice explanation
@polsanisandeep1706
@polsanisandeep1706 5 жыл бұрын
Bro nice tutorials Thank You.
@gnaresh2348
@gnaresh2348 5 жыл бұрын
Addicted to your videos
@manjunathkannur2207
@manjunathkannur2207 4 жыл бұрын
Hello , Thanks for this session, but I wanto know whether it is possible to display @input value (which we received from parent component) only on button click. I don't wanto display it on page load..
@mdfarooq97
@mdfarooq97 5 жыл бұрын
One of the best, to-the-point Angular tutorials. Great Job! Keep it up! I would like to know something more about the component interaction, I have a case where components are not in parent-child relationship and I would like to communicate between them using events, is this possible? For example, There is AppComponent which holds two other components inside it, ComponentA and ComponentB, will it be possible for ComponentA to send events to ComponentB?
@naveenm283
@naveenm283 5 жыл бұрын
yup I am stuck in the same situation
@kishanlal676
@kishanlal676 4 жыл бұрын
Why don't you pass the data from ComponentA to Parent and Parent to ComponentB? I don't know whether there is any straightforward solution for this.
@imrohan97
@imrohan97 3 жыл бұрын
can we use name of property different from parentData in app-component template?
@syawalnazir4676
@syawalnazir4676 6 жыл бұрын
great job Vishwas. I enjoyed learning the basics from your videos. I have a question regards to this child and parent. Can the data using @output from test.component.ts sends to app.components.ts or app.components.html and that being called in instead of
@amirdar116
@amirdar116 Жыл бұрын
.ts file because we are sending value to properly declared in component class of parent
@SameerKhan-ls9ow
@SameerKhan-ls9ow 3 жыл бұрын
I am subscribing you GOD bless you 💖
@posamahendra8124
@posamahendra8124 5 жыл бұрын
can you help me in component interaction, like parent component has the input field which will accept id number and name, those two fields data i need to show in child component fields with condition when i select from dropdown the child component fields are coming, now i want to show the id number and name which entered in parent component need to to display in the child component fields. plz help me as soon as possible.
@rajeshpeyala3689
@rajeshpeyala3689 5 жыл бұрын
Very nice video. Thank you
@zaldi19
@zaldi19 7 жыл бұрын
Can we do the same using service?
@lifeislove9750
@lifeislove9750 6 жыл бұрын
Anybody can explain me that what is the use of fireEvent at 6:35
@love2shareconcepts200
@love2shareconcepts200 4 жыл бұрын
There is button Send event and on click of this button fireevent function get called which sends event to parent component.
@Iamshivpandey
@Iamshivpandey 5 жыл бұрын
but if parent component use router-outlet for render child components then how to share data to child?
@karthick8810
@karthick8810 5 жыл бұрын
what if i already have a router-outlet for child component in parent component. It will display twice after including child selector in parent component???
@akshaynitin5589
@akshaynitin5589 4 жыл бұрын
for parent to child ur passing single variable content. how could i use all declared variable in parent to child component.
@sravaninallabelli1251
@sravaninallabelli1251 3 жыл бұрын
In this video data is getting from child component to parent component html file but how to get child component data directly to parent ts file please help me
@nikhleshtaneja3615
@nikhleshtaneja3615 5 жыл бұрын
from chhild cumponent ttho the ppharent khumponent ? :D
@ماياالقدور
@ماياالقدور 4 жыл бұрын
I wish you posted pdf of information you teach it in these video (series) please ......
@JV-vp5vl
@JV-vp5vl 5 жыл бұрын
Hi, nice tutorial! Are parameters passed by value or by reference when interacting between components, and also when calling functions in the same component?
@mosamprajapati3515
@mosamprajapati3515 6 жыл бұрын
Very helpful for learning angular
@rohansharma4971
@rohansharma4971 6 жыл бұрын
hi, i don't understand the part that how does $event refers to 'hey codevolution' ..
@optiwariindia
@optiwariindia 4 жыл бұрын
is it possible to bind two way here
@skilljourney6357
@skilljourney6357 5 жыл бұрын
Thank you for the beautiful explanation
@deepumon.d3148
@deepumon.d3148 5 жыл бұрын
Nice explanation.
@SowmiyaChandrasekar14
@SowmiyaChandrasekar14 4 жыл бұрын
Can u post some videos for spring tutorials
@Neworldexport
@Neworldexport 5 жыл бұрын
I love the way u explain, thanks a lot
@vikassrinivas7248
@vikassrinivas7248 5 жыл бұрын
What if we use in app.component.html and there is no selector? How can I pass the data then?
@nellyville8657
@nellyville8657 5 жыл бұрын
Plz how did you do with the Output EventEmitter, it doesn't work with me !
@nellyville8657
@nellyville8657 5 жыл бұрын
Plz did you succed with the Output Event. It does'nt work with me
@rutujagurav466
@rutujagurav466 4 жыл бұрын
Awesome tutorial
@kleelof
@kleelof 5 жыл бұрын
Good videos. One note. The proper name for '$' is 'string', not 'dollar'.
@muralicse3637
@muralicse3637 4 жыл бұрын
I have a one doubt bro... if I use routing method then how I can interact with other components?
@SSR2902
@SSR2902 4 жыл бұрын
Do we only have 1 parent and 1 child, What we have multiple parents with the properties of the same name? How does he know what property I am referring to?
@UdayNand7
@UdayNand7 Жыл бұрын
what if we want to send method from parent to child
@varuns6451
@varuns6451 7 жыл бұрын
Hi, nice work dude... how to pass multiple datas between components
@a_rob
@a_rob 6 жыл бұрын
multiple events
@dincarobert8937
@dincarobert8937 6 жыл бұрын
make a service or obj{name: 'book'}
@keerthid4175
@keerthid4175 3 жыл бұрын
nicely explained
@krishnachaitanya7349
@krishnachaitanya7349 5 жыл бұрын
how many types of Angular Design patterns are there? Name them
@veerendrareddyB
@veerendrareddyB 5 жыл бұрын
My folder stucture is: app/applicant/applicant-portal As adding child componenet adding in app.component.html I am accessing this url: localhost:4200/applicant I have written in app.routing as: const routes: Routes = [ { path: 'applicant', component: ApplicantPortalComponent } ] so, because of in app.component.html child component content displaying two times in child component page. What I want is .. I need to call function in appcomponent from child component. Can you please help thanks in advance
@kacpersarzynski4915
@kacpersarzynski4915 3 жыл бұрын
super tutorial!
@babu-vp3fp
@babu-vp3fp 3 жыл бұрын
thanks love from india
@digamber_r7
@digamber_r7 6 жыл бұрын
Thanks for the tutorial! Awesome Job :)
@syedzishan3676
@syedzishan3676 6 жыл бұрын
there seems to be some problem exporting data from from child to parent in angular 6 .. EventEmitter is now in 'events' and when i pass data from child to parent following ur tutorial it gives following warnig ERROR TypeError: instance[output.propName].subscribe is not a function i m in the middle so eagerly waiting for ur reply thanks in advance
@Codevolution
@Codevolution 6 жыл бұрын
Please read the pinned comment now. There is a small change in the imports from version 5 to 6.
@ZhassT
@ZhassT 6 жыл бұрын
thank you! very understandable
@harshadtibile5116
@harshadtibile5116 4 жыл бұрын
we want subject concet..can you please upload this concept as possibile as fast
@zaraoberain9138
@zaraoberain9138 4 жыл бұрын
Good explain man : )
@naeemjamali1475
@naeemjamali1475 6 жыл бұрын
Good job, keep it up!
Angular Tutorial - 16 - Pipes
10:15
Codevolution
Рет қаралды 404 М.
Angular Tutorial - 18 - Dependency Injection
9:25
Codevolution
Рет қаралды 526 М.
Every team from the Bracket Buster! Who ya got? 😏
0:53
FailArmy Shorts
Рет қаралды 13 МЛН
I built the same app 10 times // Which JS Framework is best?
21:58
Fireship
Рет қаралды 2,6 МЛН
TypeScript - The Basics
12:01
Fireship
Рет қаралды 1,5 МЛН
Angular Tutorial - 14 - ngFor Directive
4:37
Codevolution
Рет қаралды 305 М.
Angular Resource API - Everything You Have To Know (so far)
27:58
Decoded Frontend
Рет қаралды 18 М.
Angular Tutorial for Beginners: Learn Angular & TypeScript
2:02:42
Programming with Mosh
Рет қаралды 4,5 МЛН
Angular Tutorial - 20 - HTTP and Observables
7:41
Codevolution
Рет қаралды 679 М.
Angular Content Projection: Everything You Need to Know
20:01
Code Shots With Profanis
Рет қаралды 11 М.
Angular Tutorial - 12 - ngIf Directive
7:09
Codevolution
Рет қаралды 447 М.
Every team from the Bracket Buster! Who ya got? 😏
0:53
FailArmy Shorts
Рет қаралды 13 МЛН