How to make linked lists?

Question

Angular

I have a custom component - which internally fills the select list field with a request via autocomplete.

<app-search-reon [searchType]="'CADNUM'" (onSelected)="onCadnumSelected($event)"></app-search-reon>

There are also two others - performing a different request:

<app-search-reon [searchType]="'C'" (onSelected)="onCadnumSelected($event)"></app-search-reon>
 <app-search-reon [searchType]="'D'" (onSelected)="onCadnumSelected($event)"></app-search-reon>

Each of the components has an output with the value `onCadnumSelected($event)` selected from the list. From which data can be extracted.

How, when onCadnumSelected($event) of one of the components is triggered, to push the received data into another such component?

You can use Input (), you can go through ViewChildren, or maybe the architecture is wrong?

Answer 1

Make a service, in it BehaviorSubject with data, subscribe to it in all components, and change, or rather make a method in the service to change the data, and give it out of the service as BehaviorSubject.asObservable();