角2：ルートに基づいてサービスを提供する

Question

私は角のあるアプリケーションanimalsを持っています。これは現在のルートの場所に応じて動物の画像を表示します。たとえば、/dogは犬の画像を表示し、/catは猫の画像をページに表示します。

これを達成するために、私はAnimalBoxModule,CatModuleおよびDogModuleという3つの機能モジュールを作成しました。 AnimalBoxModuleは、コンポーネントAnimalBoxComponentとサービスAnimalServiceを持っています。 AnimalBoxComponentはAnimalService.getPicture()を使用して動物の画像を取得します。 DogModuleおよびCatModuleは、DogServiceおよびCatServiceを有し、それぞれAnimalServiceのカスタム実装を提供して、それぞれ猫および犬の画像を表示することができる。

AppComponentに<animal-box></animal-box>をレンダリングしています。動物の正しい画像を表示するには、現在のルートの位置に応じてサービスの実装（CatServiceまたはDogService）を提供する必要があります。どのように角度で可能ですか？事前に

おかげ

編集

は、私は、再利用可能なコンポーネントとして、それを提示していますので、サービスを利用しているAnimalBoxComponentの変更をしたいいけません。 IMOでは、このアプリを拡張して動物サービスを増やしたいときはいつでも、それを変更するのは良い考えではありません。

Answer 1

角速度インジェクタを使用してこれを行うことができるようです。あなたの質問に答える投稿hereがあります。

import { Injector } from '@angular/core' 
... 
constructor(private injector: Injector){ 

    if(true) { 
    this.oneService = <OneService>this.injector.get(OneService); 
    } else { 
    this.twoService = <TwoService>this.injector.get(TwoService); 
    } 
} 

理由についての詳しい情報があるので、私はその記事を読んでいます。