依存性注入中にクラスを特化する

Question

モジュールに応じて、汎用サービスクラスと特殊サービスクラス、共通コンポーネントのいずれかを使用する必要があります。

私はUpdateFormComponentにSharedModuleを持っています - アプリケーションの他のすべてのモジュールに共通です。インスタンス化中に私はAbstractSaveService - Module1SaveServiceとModule2SaveServiceの子孫を渡す必要があります。これらのサービスは他のモジュールModule1とModule2で宣言されています。私はModule1（UsersComponent）からページとユーザーの押しボタンを示していた場合

ので、ファイル構造は、私が見せたい

\shared\shared.module.ts 
     update.form.component.ts 
     abstract.service.ts 
\module1\save1.service.ts (extends AbstractSaveService) 
     users.component.ts (use UpdateFormComponent and Module1SaveService) 
\module2\save2.service.ts (extends AbstractSaveService) 
     cameras.component.ts (use UpdateFormComponent and Module2SaveService) 

@Component({ 
    selector: 'update-form-component' 
}) 
class UpdateFormComponent { 
    constructor (private s: AbstractSaveService) {} 
} 

@Component({ 
    selector: 'users-component', 
    template: '<update-form-component></update-form-component>' // inject Module1SaveService 
}) 
export class UsersComponent {} 

@Component({ 
    selector: 'cameras-component', 
    template: '<update-form-component></update-form-component>' // inject Module2SaveService 
}) 
export class CamerasComponent {} 

だろうUpdateFormComponent注射したModule1SaveService。私がModule2（CamerasComponent）からページを表示しているときに、ユーザがボタンを押すとUpdateFormComponentとModule2SaveServiceが表示されます。どうすればこれを達成できますか？

Answer 1

あなたは他のMyComponentの親のプロバイダに1 MyComponentとSpecial2Serviceの親のプロバイダにSpecial1Serviceを追加することができます。つまり、これは、両方のコンポーネントが異なる親を持つ場合にのみ機能します。

@Component({ 
    selector: 'parent1', 
    providers: [{provide: GeneralService, useExisting: Special1Service}], 
    template: `<my-component></my-component>` 
}) 
export class Parent1Component { 
    constructor(private generalService:GeneralService) {} 
} 

@Component({ 
    selector: 'parent2', 
    providers: [{provide: GeneralService, useExisting: Special2Service}], 
    template: `<my-component></my-component>` 
}) 
export class Parent1Component { 
    constructor(private generalService:GeneralService) {} 
} 

@NgModule({ 
    providers: [Special1Service, Special2Service] 
    ... 
}) 
export class AppModule {}