How to Share Data Between Components in Angular | Passing Data From One Component to Another
ฝัง
- เผยแพร่เมื่อ 22 ต.ค. 2024
- In this video, I have covered different methods for sharing data between Angular components. I have covered three cases:
Case 1: Parent to Child: via Input
Case 2: Child to Parent: via Output() and EventEmitter
Case 3: Unrelated Components: via a Service
Subscribe to this channel: / @thegoodcode
Check Out My other videos as well:
Create Animated Particles Background In Angular 8 (2020) | Angular-particle Library | Particles.js - • How To Create Animated...
Animated Circular Progress Bar Graph In Angular (2020) | Circular Percentage Chart | For Beginners - • How To Create Animated...
First Angular-9 Application in Two minutes (2020) | Installing NodeJS | Installing Angular-CLI - • How To Create First An...
SEO stuff :
angular 9 component communication ,angular 9 parent-child communication ,angular 9 nested component communication ,angular 9 route parameters ,angular 9 input properties ,angular 9 template reference variable ,angular 9 required route parameters ,angular 9,optional route parameters ,angular 9 query params ,angular 9 sharing data between components ,angular 9 output property ,angular 9 component interaction ,angular ,angular 9 ,angular 9 ,webdev ,app development ,typescript ,javascript ,lesson ,tutorial ,data sharing ,service injection ,
guys dont judge the video by view its really excellent tutorial
Glad you liked it!
Excellent videos can not get good views because its true videos
I watched 4-6 videos of this sibling data sharing. None of them work, but your video did it. You got one more subscriber
Thank you, don't give it up! Keep going and share new, helpful tutorials!!!
Helped me in implementing a feature in my job at a startup, Thanks a ton!
Tumhaare liye hi toh banaya hai video! Glad it helped 😁😁
Thank you so much for sharing the knowledge in the simplest form ever!
Thank you so much for your easy, lovely and clear explanations.
In using the service, Why when getting the data from input field not working. The data is setting successfully but the data is not getting
Thank you soo Much For choosing sooo Much Easy way
Bro Video is so good But why music is there is background it distracting focus...
Music is there to hide my background noise!😜 Since I don't have a studio or anything 🙈 sorry about the distraction though!
Very helpful video, thanks much! Hope you make more videos in the future!
🙌🙌🙌 bro you are hero for me life saver thank you so much ❤️
I have a table.
When you press a button of a row in it, a dialog opens (pop-up), in it there is a form
.
I need that when the dialog opens, the information that is in the table is loaded into it.
So I need to export the object of that row to the dialog and when closing the dialog that object is updated in the table
.
I couldn't import the row object to the dialog component from the table component
Could you help me?
I'm using this ¿Library? [ng.ant.design/docs/introduce/en] and Angular v10.0.8
Stackoverflow bro
Hi bro , please cover all the topics in angular...Just liked the way of teaching , its simple and efficient..Expecting more contents...Thanks in advance :)
I am glad you liked the tutorial!! Appreciate your feedback! Thank you 😊
@@TheGoodCode yes, I am also expecting single video for full angular concept
@@TheGoodCode how to resolve CORS issue in angular and API side?
Great explanation
Awsome explanation🎉
Keep posting videos like this..💣
CONCISE! TO THE POINT! GREAT EXPLAINATION!
THANK YOU SO MUCH! It helped a lot!
when i passed data from one component to another component via a service it is not showing any error but i am not getting data.May i know what could be reason .
Try following the exact steps mentioned and check
thankks bro
What if there is no child selector? What if we are using routing for accessing child? Then how to share data from child to parent?
Route parameters?
Yes
nice explanation
getmessage() is asking for agrument when we call it from component 2. please reply
Try following step by step from the tutorial, it should work
And if I want to get the value from a Python file ?
Bundle of Thanks😍
Thank you
very helpful information, thanks for sharing knowledge.
thank you so much
Can we pass any object instead of string with @Input
Yes we can
Nice and helpful video.
I'm trying to send data from one child component to another child component , when I refresh another child where i passed data, I don't know, Why does the data go away?
Browser refresh?
@@TheGoodCode yes
@@TheGoodCode refresh browser when I'm in the child component
The only way to save data on browser refresh is to save it in cookies or local storage or API calls
at 3:14 What is the meaning of $event?
$event is the default JS event. It's passed to a function in the ts file and then used there.
Good tutorial
Background music is disturbing! Went to look for another video.
Thanks for the feedback 🙌🏻
where are you, need more videos!!!!!!
Awesome
could you remove background music , this is disturbing to concentrate
why the background music brother. its totally distracting
Very nice
Thank you!
Your content is very good but Please don't add background music . Its bit annoying.
Wow it works..👏🙌🤩
Ofcourse it works 😂😂
Oh god helped me a lot ❤️
music too loud man, it s dusturbing me while i focus on your voice, ervything else really great !
Good content bro, keep uploading
thanks bro...
use some animation and bit slow
the best!
Thanks a lot!! Please subscribe
Background music is noisy. Why every youtuber adds background music at full volume? Test yourself by using earphone
🙌❤️
Share the code
Background Music is so annoying.
pls remove the background music next time... its irritating
Please stop putting the background music on... it sounds so bad lmao
Noted xD
Thank you
thank u so much
Thanks you