2017-06-06 4 views
-2

親/子コンポーネントへのパス値:Angular2 - 私は、パラメータを渡すか、このapp.component構造指定されたコンポーネントに公開されたプロパティを変更する必要が

app.component.html

<app-appheader></app-appheader> 
<app-appmenu></app-appmenu> 
<div class="main-container">  
    <router-outlet> 
     <span *ngIf="showLoader" class="loading"></span> 
    </router-outlet>  
</div> 
<app-appfooter></app-appfooter> 

具体的には、ルータ出口にロードされたコンポーネントからアプリケーションコンポーネントにパラメータを渡す必要があります...

私はそれを行うためのステップは何か分かりません。

ありがとうございます

答えて

2

コンポーネントからデータを渡す方法はいくつかあります。

ドキュメント(this link)にはそれらがありますが、shared serviceを使用することをお勧めします。

構造は幾分このようになります:

  1. 成分Aがデータを有しています。共有サービスを呼び出します。
  2. コンポーネントBは、コンポーネントAがそれを呼び出すとすぐにコンポーネントB "共有サービスへのデータの要求"を共有サービスのメソッドにサブスクライブします。
  3. 共有サービス(メソッドの)全ての加入コンポーネントにそのメソッドからデータを返し、従って、成分B

にデータを返すコンポーネント間仲介として共有サービスを参照してください。

コンポーネントのレベル(子、親、祖父母など)は考慮されません。コールメソッド/トリガーサブスクリプションで機能します。

関連する問題