Angular - How to share data between component ?

Data Sharing Between Angular Components

1. Parent to Child: via Input

2. Child to Parent: via Output() and EventEmitter

3. Child to Parent: via ViewChild

4. Unrelated Components: via a Service

There are multiple ways we can share data between components, like -

1. Using Input and Output decorators where parent-child component relationship are there.

2. Using NgRx module where centralize data store for sharing data and state management are needed.

3. Using shared service to hold data in a single place and allow components to subscribe to that data

So, Best method will be specific to use cases.