2016-11-10 27 views
-1

私はAngular 2の初心者で、現在は小さなSPAを開発中です。コンポーネントのログインでは、httpサービスを介してデータを受け取るため、クラスUserにデータを設定し、そのデータを他のいくつかのコンポーネントで利用できるようにする必要があります。問題は、コンポーネントが完全に独立していることです(親子関係はありません)。そのようにデータを渡すための角度2のメカニズムはありますか?角度2の独立したコンポーネント間でデータを渡す

+3

https://angular.io/docs/ts/latest/cookbook/component-communication.html –

+0

ええ、私はそれを読んでいます。しかし、最初のコンポーネントにはテンプレートの2番目のコンポーネントは含まれていません。 this.router.navigate(['/ main'])を使用して2番目のコンポーネントのロード – Yuriy

+0

親と子は@JBNizetが与えたリンクのサービス部分を介して通信します。件名の使用はすべてあなたが必要とするものです。 – echonax

答えて

4

まず、サービスを使用してコンポーネント間でデータを渡すことをお勧めします。

コンポーネントが3 diffを使用して通信する方法の例を次に示します。方法、

Angular2-playground Demoそのコードavailable on Github

あなたはS1サービスを作成し、app.module.tsファイルにそのサービスを提供している場合は、からサービスに変更を加える場合には、そのサービスのシングルトンインスタンスを作成しますと仮定しますコンポーネント1より、変更されたデータをコンポーネント2に得ることができます。

のようにサービスを追加することもできますし、サービスを別のモジュールに追加して別々の機能にすることもできます。サービスはそのモジュールでのみアクセスできます。

要約:サービスを使用してコンポーネント間でデータをやりとりすることは非常に役に立ちます。

関連する問題