Angular2 +：ルータのアウトレットコンポーネントのデータをルータのアウトレットコンポーネントからリフレッシュする

Question

<div><SearchProjects></SearchProjects></div> 
<div> 
    <router-outlet></router-outlet> 
</div> 

ルータのコンセントコンポーネントのデータを更新する必要がある場合、検索コンテンツを変更するたびに変更します。

最初のルーティングでは、共有サービスを使用してデータを共有していますが、initコールでは1回だけ動作するため動作しません。同じルーティングの次のデータについては、動作しません。

定数検索コンポーネントと変更ルータ（ルータ/アウトレット）コンポーネントとの間でデータを共有する必要があります。同じルーティングの場合、2つの異なるデータをレンダリングする必要があります。

Answer 1

あなたのサービス内の共有データを、観測可能なようにサブスクライブ可能なサブジェクトにします。 subject.next(value)を使用すると、すべてのオブザーバが更新されます。共有サービスを利用するコンポーネントのonInit機能でサブジェクトにサブスクライブします。

Answer 2

のみapp.modules.tsで使用サービスプロバイダ

Answer 3

constructor(route:ActivatedRoute){ 
     route.params.subscribe(val=>{ 
     // add to do function() 
     }) 
    } 

「はActivatedRoute」を注入し

ルートのみが異なる経路に移動成分を破壊し、再作成のparamsをサブスクライブする必要があります。ルートパラメータまたはクエリパラメータのみが更新されてもルートは同じである場合、コンポーネントは破棄されずに再作成されません。