Wie injiziert man Daten in Angular2-Komponente von einem Router

Question

Ich versuche derzeit, einen Angular2-Prototyp (basierend auf alpha44) unserer Angular1-App (ziemlich komplex) zu bauen, und ich versuche, die besten Modelle/Daten zu finden Architektur bei der Verwendung von Routen und Kinderrouten.

In meinem Beispiel möchte ich von einer untergeordneten Komponente, die aus einer Route erstellt wurde, auf eine Eigenschaft der übergeordneten Komponente zugreifen (die die router-outlet hostet). Wenn Sie eine Komponente aus einer router-outlet erstellen, können Sie @Input und @Output nicht mehr verwenden. Also, was ist die beste Praxis, um einige Daten/Eigenschaften, außer grundlegende routeParams und statische routeData injizieren?

Wie kommunizieren Sie mit der übergeordneten Komponente ohne zu viel Kopplung?

Answer 1

Sie können RouteData verwenden, um Daten in Routen zu übertragen. Siehe here und here. Ich vermisse immer noch den Teil der Initialisierung dieses Datenobjekts von der Komponente (siehe my question in Bezug auf)

Answer 2

Ein gemeinsam genutzter Dienst kann mit Komponenten verwendet werden, die vom Router hinzugefügt wurden. Details siehe https://angular.io/docs/ts/latest/cookbook/component-communication.html

data Unterstützung wurde auch hinzugefügt, um den neuen Router in RC.4. Für Details siehe How do I pass data in Angular 2 components while using Routing?

Angular 2 - equivalent to router resolve data for new router könnte auch verwandt sein.

Answer 3

Sie können Daten von der untergeordneten Komponente innerhalb des Router-Outlet an die übergeordnete Komponente mit Subject, Observable übergeben. Sie können meine Lösung in diesem video finden.

Siehe den Code auf GitHub: https://github.com/tabvn/angular-blog