класс специализации во время инъекции зависимостей

Question

У меня есть класс обслуживания и специализированные классы обслуживания и общий компонент, который должен использовать либо специализированную службу, в зависимости от модуля.

У меня UpdateFormComponent в SharedModule - общий для всех остальных модулей в приложении. Во время создания экземпляра я должен передать потомок AbstractSaveService - Module1SaveService и Module2SaveService. Эти услуги объявлены в других модулях Module1 и Module2.

Так структура файла будет

\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 {} 

Когда я показываю страницу из Module1 (UsersComponent) и нажмите кнопку пользователя Я хочу, чтобы показать UpdateFormComponent с вводят Module1SaveService. Когда я показываю страницу от Module2 (CamerasComponent) и пользовательскую кнопку нажмите, чтобы показать UpdateFormComponent с введенным Module2SaveService. Как я могу это достичь?

Answer 1

Вы можете добавить Special1Service поставщикам родителя одного MyComponent и Special2Service поставщикам родителя другого MyComponent. Это означает, что это работает только в том случае, если оба компонента имеют другой родительский элемент.

@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 {}