私はAngular 2の初心者で、現在は小さなSPAを開発中です。コンポーネントのログインでは、httpサービスを介してデータを受け取るため、クラスUserにデータを設定し、そのデータを他のいくつかのコンポーネントで利用できるようにする必要があります。問題は、コンポーネントが完全に独立していることです(親子関係はありません)。そのようにデータを渡すための角度2のメカニズムはありますか?角度2の独立したコンポーネント間でデータを渡す
-1
A
答えて
4
まず、サービスを使用してコンポーネント間でデータを渡すことをお勧めします。
コンポーネントが3 diffを使用して通信する方法の例を次に示します。方法、
Angular2-playground Demoそのコードavailable on Github
あなたはS1サービスを作成し、app.module.ts
ファイルにそのサービスを提供している場合は、からサービスに変更を加える場合には、そのサービスのシングルトンインスタンスを作成しますと仮定しますコンポーネント1より、変更されたデータをコンポーネント2に得ることができます。
のようにサービスを追加することもできますし、サービスを別のモジュールに追加して別々の機能にすることもできます。サービスはそのモジュールでのみアクセスできます。
要約:サービスを使用してコンポーネント間でデータをやりとりすることは非常に役に立ちます。
関連する問題
- 1. 独立したコンポーネントとデータの間のデータの受け渡し
- 2. 角度:独立したサーバ
- 3. コンポーネント間の角度2の値渡し
- 4. 角度2つの独立したJavaScriptファイルとtypescriptですファイル
- 5. 2つの独立したコンポーネント間の通信angularJS 2
- 6. 角度、独立したコンポーネント間で通信する最善の方法は何ですか?
- 7. 2つのコンポーネント間でデータを渡すための角2サービスの観測/サブスクリプション
- 8. 角度2のコンポーネントに値を渡す
- 9. コンポーネント間でデータを渡す角2の共有サービス
- 10. コンポーネント間のインターフェイスの配列を渡す角度2
- 11. 親コンポーネントから角度2/4のngbmodalインスタンスにデータを渡す
- 12. 兄弟コンポーネントから別の角度へデータを渡す2
- 13. 角度2が間違ったコンポーネント
- 14. Angular2(CLI):独立した共通のコンポーネントとロジック・コンポーネントの角1.4では
- 15. 最大独立独立集合アルゴリズムの時間複雑度
- 16. 角度2 - ルート間のデータの受け渡し
- 17. コントローラとコンポーネント間の角度分けデータ
- 18. コンポーネント間のデータを角4で渡します。
- 19. 角度2 - コンポーネント
- 20. 角度2のサービスを使用してコンポーネント間でデータを送信
- 21. 角度を使用して2ページ間でデータを渡します。
- 22. 角度2は関数varを別のコンポーネントに渡します
- 23. 角2の2つのコンポーネント(ページ)間の値を渡す
- 24. 2つのコンポーネント間の角度2パスのデータを表示するように変更しました
- 25. ノード/角度2サービスが間違ったコンポーネントに値を返す
- 26. 角度2:multiplleコンポーネント
- 27. 角型の兄弟コンポーネント間でデータを渡す
- 28. 2つの独立したテーブルからデータを選択
- 29. 2つの独立したQWidget間の通信
- 30. コンポーネントは、角度JSで2
https://angular.io/docs/ts/latest/cookbook/component-communication.html –
ええ、私はそれを読んでいます。しかし、最初のコンポーネントにはテンプレートの2番目のコンポーネントは含まれていません。 this.router.navigate(['/ main'])を使用して2番目のコンポーネントのロード – Yuriy
親と子は@JBNizetが与えたリンクのサービス部分を介して通信します。件名の使用はすべてあなたが必要とするものです。 – echonax