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?
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
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.
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;
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.
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
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.
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?
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
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?
Hi, nice tutorial! Are parameters passed by value or by reference when interacting between components, and also when calling functions in the same component?
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..
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?
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.
Hi, Awesome tutorials, we got here we can transfer data between parent and child, I am stucked on transferring data from child to child component, is this possible, because I tried binding and event both, it didn't work..
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
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???
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
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
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?
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
Has the video been updated? He is importing EventEmitter from @angular/core at 5:50
You saved my life (Y)
should have show multiple value passing. just a suggestion.
Will there be an updated version of these Angular tutorials based on Angular 7? Seems to be a few things "broken" now.
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.
I have learned more from your videos than Udemy course Good luck Great Job !!!
Plz did you succed with the Output Event. It does'nt work with me
Very tricky topic...yet explained in a way as a child's play..hats off to you.
sir your teaching skills are legendary. Very understandable lecture. thank u .
Learnt the basics within roughly in 3 days thank you sir !!
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;
Thanks it helped was stuck for an hour
It is not working for me.
thanks a lot
Or @Input() public parentData =" "
This worked for me
thanks bro
It's Unfair how good these explanations are of Angular.
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?
Sir, You simplify even the hardest of things.
Thanks for putting up these videos
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.
Your way for teaching is really really awesome. 👌👌👌
Your explanation is so simple yet powerful.❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️
Wonderfully explained, with simplest possible example, thanks
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.
Yes I also stuck here
Awesome, considering donating to encourage your work!! Thanks alot.
your teaching skills is superb!
woah bro! keep it up.......
no ads and best content!
such passion and hard work i salute you bro.
and may god bless u....
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
Thank you! this series is really helpful and easy to understand for beginners.
Thank you very much this video, i am very noob in angular but this was perfectly clear explanation
Thank you from my heart for your helpfull videos Vishwas !!!
I am facing an error @Output childData not initialized in 'TestComponent'. using angular 7
Extremely understandable explanation! Thanks a lot.
You tutorials are always the best, cause you always teach with examples, keep up 👍
Very simple upto the point video brother. Great ...
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.
@Input() parentData; in App test.Import @Input from Angular/core
you are an amazing teacher...!
so far soooo good. Really a great course on angular
what if my parent component has
How would i lift up an event from child to parent?
can we send multiple data from child to app component or vice-versa?
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?
yup I am stuck in the same situation
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.
Great channel to learn new technologies. Your way of telling is superb. Cngrtz
Great Angular Video collections ! Keep it up.
Do you have any videos on communication between 2 child components?
Very good explanation
Can we do the same using service?
Open a Patreon or something , So we can actually donate money for your Amazing work
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
.ts file because we are sending value to properly declared in component class of parent
Can we pass an object to the parent thru event and assign it to a property in parent component?
awesome work, thank you!
donation done! amazing work! keep going
Thanks a lot man :)
your explanetoins is very clear!!! good
I like you angular tutorials, its very easy to understand and apply
Thanks you sir! Great explanation
Very clear explanation👍
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?
thank u mr vishvas , you very help me ..................
finally someone explains it well
Data transfer between parents and child components are using @input and @output decorator
Thanks bro. You explain things very well
Good videos. One note. The proper name for '$' is 'string', not 'dollar'.
Great Sir, Keep it up........
Why the childEvent property is enclosed with (childEvent) while send the data from Child component to parent component??
I have a one doubt bro... if I use routing method then how I can interact with other components?
Addicted to your videos
Hi, nice tutorial! Are parameters passed by value or by reference when interacting between components, and also when calling functions in the same component?
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..
You are awesome. Thanks Vishwas
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?
Lovely Tutorial
great job bro I've learned a lot with your video
can we use name of property different from parentData in app-component template?
perfect explanation !!! thank you so much !!!
Hi, nice work dude... how to pass multiple datas between components
multiple events
make a service or obj{name: 'book'}
Thanks 👍 nice explanation
how many types of Angular Design patterns are there? Name them
is it possible to bind two way here
Bro nice tutorials
Thank You.
from chhild cumponent ttho the ppharent khumponent ? :D
Very helpful for learning angular
Nice explanation.
Very nice video. Thank you
I love the way u explain, thanks a lot
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.
Thank you for the beautiful explanation
nicely explained
Hi, Awesome tutorials, we got here we can transfer data between parent and child, I am stucked on transferring data from child to child component, is this possible, because I tried binding and event both, it didn't work..
I am facing the same problem while sending the data to the parent component, Did you get the solution.
I wish you posted pdf of information you teach it in these video (series) please ......
Awesome tutorial
what if we want to send method from parent to child
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
Can u post some videos for spring tutorials
super tutorial!
for parent to child ur passing single variable content. how could i use all declared variable in parent to child component.
but if parent component use router-outlet for render child components then how to share data to child?
thanks love from india
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???
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
Add test component in app.module.ts
same error bro how to solve
@@TeluguCartoonist dear my error was in view. and now i did not remember exactly how i solve it, because i am working on laravel
thank you sir, now i am more confused then earlier! [just-joking!!] it was easier now, but you taught so smooth.
I am subscribing you GOD bless you 💖
Nice tutorials, but why are you not using the dedicated html file for app-test? I feel like this defeats the purpose and is harder to read.
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
Please read the pinned comment now. There is a small change in the imports from version 5 to 6.
we want subject concet..can you please upload this concept as possibile as fast
Thanks for the tutorial! Awesome Job :)
hi, i don't understand the part that how does $event refers to 'hey codevolution' ..
Why are * used in angular inside html element
This does not work. Saying childEvent is not a function
Good job, keep it up!
What if we use in app.component.html and there is no selector?
How can I pass the data then?
Plz how did you do with the Output EventEmitter, it doesn't work with me !
Plz did you succed with the Output Event. It does'nt work with me