How to Share Data Between Components in Angular | Passing Data From One Component to Another

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 ,

[@midnightsun8428]

I watched 4-6 videos of this sibling data sharing. None of them work, but your video did it. You got one more subscriber

[@vikaskumarmishra4353]

guys dont judge the video by view its really excellent tutorial

[@TheGoodCode]

Glad you liked it!

[@Shreekrushna2001]

Excellent videos can not get good views because its true videos

[@shushanbalayan6267]

Thank you, don't give it up! Keep going and share new, helpful tutorials!!!

[@shubhamrawat3984]

Helped me in implementing a feature in my job at a startup, Thanks a ton!

[@TheGoodCode]

Tumhaare liye hi toh banaya hai video! Glad it helped 😁😁

[@santoshkamat3957]

Thank you so much for sharing the knowledge in the simplest form ever!

[@moinamaankhan3054]

Excellent Tutorial ! Just a kind request to remove the background music so that the tutorial would be easy to listen to.

[@MrAsgar123]

Thank you so much for your easy, lovely and clear explanations.

[@freeWheelers907]

Awsome explanation🎉 Keep posting videos like this..💣

[@mauricew2142]

Very helpful video, thanks much! Hope you make more videos in the future!

[@tester6821]

🙌🙌🙌 bro you are hero for me life saver thank you so much ❤️

[@hamzarauf320]

Thank you soo Much For choosing sooo Much Easy way

[@swapnilkumar6852]

CONCISE! TO THE POINT! GREAT EXPLAINATION!

[@TamFbs]

Great explanation

[@sergi7687]

THANK YOU SO MUCH! It helped a lot!

[@hamzarauf320]

Bundle of Thanks😍

[@kartikeyasingh2798]

nice explanation

Good tutorial

[@raghavendrakesari337]

thankks bro

[@sarangbhople403]

Bro Video is so good But why music is there is background it distracting focus...

[@TheGoodCode]

Music is there to hide my background noise!😜 Since I don't have a studio or anything 🙈 sorry about the distraction though!

[@iroshanaravishan1388]

Wow it works..👏🙌🤩

[@TheGoodCode]

Ofcourse it works 😂😂

[@osamamalik3290]

Thank you

[@ashiqdey]

Good content bro, keep uploading

[@sidduhedaginal]

very helpful information, thanks for sharing knowledge.

[@shanmugapriya7398]

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 :)

[@TheGoodCode]

I am glad you liked the tutorial!! Appreciate your feedback! Thank you 😊

[@DINESHKUMAR-yq5gr]

@@TheGoodCode yes, I am also expecting single video for full angular concept

[@DINESHKUMAR-yq5gr]

@@TheGoodCode how to resolve CORS issue in angular and API side?

[@maheshkarpenter7616]

thank u so much

[@samiksha7937]

Nice and helpful video.

[@chayanikachaudhury7219]

Oh god helped me a lot ❤️

[@TonyStark-qo5lz]

Awesome

[@kumaravela6008]

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

[@neelammajgaonkar8869]

Very nice

[@TheGoodCode]

Thank you!

[@kpopisbop6651]

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?

[@TheGoodCode]

Route parameters?

[@kpopisbop6651]

Yes

[@pritammalwade8674]

Your content is very good but Please don't add background music . Its bit annoying.

[@himanshusahu8220]

at 3:14 What is the meaning of $event?

[@TheGoodCode]

$event is the default JS event. It's passed to a function in the ts file and then used there.

[@aravindhsri1770]

thanks bro...

[@yuriinadilnyi3029]

the best!

[@TheGoodCode]

Thanks a lot!! Please subscribe

[@sreenivasulubusigari9266]

could you remove background music , this is disturbing to concentrate

[@humbertoestrada4215]

And if I want to get the value from a Python file ?

[@sabitaojha8032]

getmessage() is asking for agrument when we call it from component 2. please reply

[@TheGoodCode]

Try following step by step from the tutorial, it should work

[@paolotiboni9906]

music too loud man, it s dusturbing me while i focus on your voice, ervything else really great !

[@Akash-di5tb]

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?

[@TheGoodCode]

Browser refresh?

[@Akash-di5tb]

@@TheGoodCode yes

[@Akash-di5tb]

@@TheGoodCode refresh browser when I'm in the child component

[@TheGoodCode]

The only way to save data on browser refresh is to save it in cookies or local storage or API calls

[@tester6821]

🙌❤️

[@dheerajpaladi7041]

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 .

[@TheGoodCode]

Try following the exact steps mentioned and check

[@Krizz23.]

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

[@TheGoodCode]

Stackoverflow bro

[@anatolytesler2875]

Background music is disturbing! Went to look for another video.

[@TheGoodCode]

Thanks for the feedback 🙌🏻

[@abhishekdas1342]

Can we pass any object instead of string with @Input

[@TheGoodCode]

Yes we can

[@harshilshah4677]

where are you, need more videos!!!!!!

[@nielltalwar1574]

why the background music brother. its totally distracting

[@surajsidar2294]

Background music is noisy. Why every youtuber adds background music at full volume? Test yourself by using earphone

[@mahaahaadi]

use some animation and bit slow

[@jayakumar2927]

Share the code

[@sourabhkumarmahato9681]

pls remove the background music next time... its irritating

[@stevenhenry746]

Background Music is so annoying.

[@rajmulherkar6894]

Please stop putting the background music on... it sounds so bad lmao

[@TheGoodCode]

Noted xD

[@shutter_buggies]

thank you so much

[@yogeshi8431]

Thanks you

[@dilpreetkaur813]

Thank you