Angular2：コンポーネントと同じレベルのデータを共有する

Question

私はangular2アプリケーションを開発中です。 データ共有に関する1つの質問がありました。私は多くのチュートリアルを見つける方法親の間でデータを共有する< - >子コンポーネントが、私は質問に答えを見つけられていない - どのように同じレベルにあるコンポーネントにデータを共有する方法。 私の私は中/サインアップなどのコンテンツのコンポーネントをレンダリングするメインページのコンテンツを表示するUI-ルータ-NG2を使用するアプリ、プロフィールページなど メインアプリのHTMLファイル内：

<header-app></header-app> 
<div class="main-container container"> 
    <ui-view></ui-view> 
</div> 

UIビューに何を想像してみてログインコンポーネントを表示し、ログインが成功した後、私はヘッダ情報にユーザー情報を渡す必要があります。どうすればいい？

Answer 1

あなたは

private valueToBeShared: datatype; 
export class Example implements OnInit { 
    constructor(private serviceName: ServiceName); 


ngOnInit(){ 
    this.valueToBeShared = this.serviceName.valueToStore; 
} 

いけないとの間でデータを共有する必要があるコンポーネントへのサービスはのOnInit いけない追加することを忘れサービスのインポート文を忘れて注入する

@Injectable() 

export class ServiceName { 
    public valueToStore: datatype //whatever you need 


} 

でサービスを作成することができますapp.module.tsのプロバイダへのサービス そしてLoginコンポーネントでは、サービスの値を設定します。

this.ServiceName.valueToBeStored = whateverYouNeed