Angular Component Communication: Everything You Need to Know
When we split our angular code into multiple components, we need also to know how the parent-child components or the sibling components can communicate.
This video explains how communication can be achieved by:
Using the @Input @Output decorators
Using a Template Reference Variable for a template only use
Using the ViewChildren so that the parent component can access the children ones
Using a Service with rxjs Streams to achieve communication on the parent-child and sibling components
Chapters:
0:00 Intro
0:45 Parent-Child using Input and Output decorators
14:16 Template Reference Variable (template-only communication)
17:08 Using ViewChildren
20:47 Using a Service
26:10 Thank you
✨ Code: https://github.com/profanis/codeShots...
******************************************************
Let's connect
******************************************************
Twitter: / prodromouf
LinkedIn: / prodromouf
#angular #learnAngular #angulartutorialforbeginners #angulartutorial #frontenddeveloper #frontend
