Angular 2 (ベータ版) でコンポーネントの外部にサービスを挿入するにはどうすればよいですか?

Angular 2 のコンポーネント外へのサービス インジェクション (ベータ版)

コンポーネントを超えたインジェクションを理解する

Angular 2 (ベータ版) )、依存関係の注入により、開発者はコンポーネント内でサービスをシームレスに受け渡すことができます。ただし、多くの場合、コンポーネント クラスの外側にサービスを挿入する必要があります。

@Injectable Decorator によるサービスの挿入

コンポーネントの外側にサービスを挿入する鍵は、サービスクラスの @Injectable デコレータ。このデコレーターは、クラスのコンストラクター パラメーターを注入できることを示します。

階層型注入システム

Angular 2 は、コンポーネント ツリーにマップする階層型インジェクター システムを採用しています。サービスのインジェクターは明示的に定義されていません。代わりに、それらは暗黙的にコンポーネントに関連付けられます。階層リンクにより、子インジェクターは親インジェクターで定義されたプロバイダーにアクセスできるようになります。

サンプル アプリケーションとインジェクターの関係

AppComponent (メイン コンポーネント) を含む次のサンプル アプリケーションについて考えてみましょう。 、ChildComponent、Service1 (ChildComponent によって使用される)、および Service2 (ChildComponent によって使用される) Service1):

 |

 |

ChildComponent
getData() --- Service1 --- Service2

1. ChildComponent インジェクター
2. AppComponent インジェクター
3. アプリケーション インジェクター

動的依存関係解決

複数レベルでのプロバイダー構成

• アプリケーション レベルのプロバイダは、アプリケーション全体で共有されるインスタンスを作成します。
• コンポーネント レベルのプロバイダは、コンポーネント ツリーおよび関連するサービス内で共有されるインスタンスを作成します。

結論

以上がAngular 2 (ベータ版) でコンポーネントの外部にサービスを挿入するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。