Angular2 Dependency Injection - 理にかなっているか、それとも強化されていますか？

Question

ドキュメントが

依存性の注入は

コードの依存関係を管理するための強力なパターンですが、角度のDIはどんな意味があるのでしょうか？言うように

HeroComponentがHeroModuleにあり、HeroServiceが使用されているとします。 HeroComponentでそれを使用するに 我々はする必要があります：モジュールプロバイダーでHeroModuleで

1. インポートHeroService
2. を注入HeroService
3. HeroComponent
でインポートHeroService
4. タイプを追加またはコンポーネントのパラメータに注入されたサービスを追加します。

なぜHeroComponentにだけではなく、

1. 輸入HeroServiceしていますか？

私たちのアプリを介してまだシングルトンを持つことができるようにインスタンスをエクスポートすることができます。テスト中に実際の実装ではなくモックをインポートできるようにwebpack/karmaを設定できます。

誰かがAngularのDIを使ってアーキテクチャの密接な結びつきをなくすことができますが、それは本当ですか？ Angular 1.xでは、実際にコンストラクタでparamsを指定しました。しかし、Angular2では、依存関係をさらにインポートする必要があり、どこから指定する必要があります。だから、これは疎結合はどこですか？

例：

import { Http } from 'angular2/http'; 

export class Login { 
    constructor(http: Http) { 
    http.whatever() 
    } 
} 

たちの注入を実行することができるように、我々はそれをインポートする必要があります。そして、私たちがインポートするとき、私たちは使用するサービスを正確に定義します。上記の例と下の例との違いはありません。

import { http } from 'angular2/http'; (instance) 

export class Login { 
    constructor() { 
    http.whatever() 
    }} 

Answer 1

依存性注入はインポートについてではありません。それはあなたのコンポーネントの外であなたのためにインスタンスを作成することです。 DIがなければ、あなたのHeroComponentはまだHeroServiceのインポート文を追加する必要がありますし、手動HeroComponent内でそれをインスタンス化する必要があるだろう：

myHeroService: HeroService = new HeroService(); 

今、あなたは、次の3つのコンポーネントでこのサービスを使用する必要があります想像。次に、上記の行を3つの異なる場所に書く必要があります。

実際のものがまだ準備ができていない（または単体テストのモックサービスを受けたい）ので模擬サービスを使用する必要がある場合はどうすればよいですか？ 3つの成分のそれぞれは、例えば、あなたは上記のシナリオに変更したことはありませんでした同じコンストラクタを持っているでしょうDIで

myHeroService: MockHeroService = new MockHeroService(); 

：DIがなければ、あなたはこのようなものには3つのコンポーネントでコードを変更する必要があるだろう：

class HeroComponent{ 

    constructor(heroService: HeroService){} 
} 

MockHeroServiceへの切り替えは、HeroModule宣言における唯一の変化（プロバイダ）が必要となる。

@NgModule({ 
... 
providers:[provide: HeroService, useClass: MockHeroService] 
}) 

上記のコードは、モジュール全体のシングルトンを作成する角度指示するであろう（アプリ） 。あなたはHeroServiceの複数のインスタンスを導入することを決定した場合、その後だけでproviders:[HeroService]を宣言し、（たとえばHeroComponent1がHeroServiceを使用し、HeroComponent2はMockHeroServiceを使用しています）HeroComponent1：

@Component({ 
... 
providers:[HeroService] 
}) 

今角度が全体のアプリをMockHeroServiceインスタンスを作成し、 HeroComponent1とその子のHeroServiceの別のインスタンスです。

このサービスを使用するコンポーネントでコンストラクタのシグネチャを変更する必要はありません。

ここで、あるコンポーネントで、HeroServiceまたはMockHeroServiceのいずれかを条件付きでインスタンス化するファクトリ関数を導入すると決めたとします。 useFactory構文を使用して、そのようなコンポーネントのプロバイダを宣言するだけです。

私は続けることができます:)