Angular2すべてのコンポーネントのグローバルユーザーオブジェクト

Question

Hy！ 親コンテナのプロパティを属性ディレクティブと入力で共有できますが、子コンポーネントが<router-outlet>である場合は機能しません。どのようにすべてのコンポーネントと共有するためのアドバイス？

Btw app.componentで非同期呼び出しを使用するグローバルユーザーを取得します。サービスの使用についてhttps://angular.io/docs/ts/latest/cookbook/component-communication.html

@Injectable() 
export class User { 
    ... 
} 

@Component({ 
    selector: 'my-app', 
    providers: [User], 
    ... 
}) 
export class AppComponent {} 


@Component({ 
    selector: 'routed-comp', 
    providers: [], 
    ... 
}) 
export class RoutedComponent { 
    constructor(private user:User) {} 

    /* use this.User here */ 
} 

Answer 1

どのように説明したようにこの場合

Answer 2

は、共有サービスを使うのか？サービス（UserServiceと呼ぶ）をAppComponentの配列viewProvidersに添付してください（アプリケーションのために一度だけ作成され、シングルトンです）。

TypeScriptを想定すると、UserServiceクラスは@Injectable()で装飾されている必要があります。そのため、コンポーネントやその他のサービスで自動配線できます。グローバルユーザーオブジェクトをインスタンス変数として格納します。これは、ユーザーオブジェクトを1か所で処理できるようになりました。