Übergeben von Daten zwischen gleichgeordneten Komponenten in Angular

Question

Oben Bild zeigt meine Angular 2-Anwendung, Hauptkomponente hat zwei untergeordnete Komponenten "FromComponent" und "ToComponent".

"FromComponent" zeigt eine Liste von Elementen mit einem Kontrollkästchen neben jedem Element an.

Wenn ein Benutzer ein Element in FromComponent auswählt/abweist, sollte es in der ToComponent-Liste der Elemente hinzugefügt/entfernt werden.

Was ist der beste Weg, dies in Winkel 2 zu implementieren?

Answer 1

Sie möchten einen gemeinsamen Dienst verwenden, der diese Informationen speichert. Die Verwendung von Observablen als Speichermechanismus würde es der To-Komponente ermöglichen, diesen Betreff zu abonnieren und nach Änderungen zu suchen, die die Von-Komponente an dieser Observablen vornimmt.

Weitere Informationen über Subject und BehaviorSubject-Typen in RXJS.

Answer 2

Ich habe das implementiert mit einem Dienst wie beschrieben here wo Eltern-Kind-Kommunikation beschrieben wird. Ein Dienst kann einen Elternteil mit allen seinen Kindern verbinden.