Iniettare tutti i servizi che implementano alcune interfacce

Question

Scenario semplice:

Possiedo più servizi che implementano un'interfaccia comune. Tutti questi servizi sono registrati nel metodo bootstrap.

Ora mi piacerebbe avere un altro servizio, che inietta tutti i servizi registrati che implementano l'interfaccia comune.

cioè

export interface MyInterface { 
    foo(): void; 
} 

export class Service1 implements MyInterface { 
    foo() { console.out("bar"); } 
} 

export class Service2 implements MyInterface { 
    foo() { console.out("baz"); } 
} 

export class CollectorService { 
    constructor(services:MyInterface[]) { 
     services.forEach(s => s.foo()); 
    } 
} 

Che è possibile in qualche modo?

Answer 1

È necessario registrare il proprio provider di servizi come questo:

boostrap(AppComponent, [ 
    provide(MyInterface, { useClass: Service1, multi:true }); 
    provide(MyInterface, { useClass: Service2, multi:true }); 
]); 

Questo funziona solo con le classi non con interfacce poiché le interfacce non esistono in fase di esecuzione.

Per farlo funzionare con le interfacce, è necessario adattarlo:

bootstrap(AppComponent, [ 
    provide('MyInterface', { useClass: Service1, multi:true }), 
    provide('MyInterface', { useClass: Service2, multi:true }), 
    CollectorService 
]); 

e iniettare in questo modo:

@Injectable() 
export class CollectorService { 
    constructor(@Inject('MyInterface') services:MyInterface[]) { 
    services.forEach(s => s.foo()); 
    } 
} 

Vai a questa plunkr per maggiori dettagli: https://plnkr.co/edit/HSqOEN?p=preview.

Vedere questo link per maggiori informazioni:

• http://blog.thoughtram.io/angular2/2015/11/23/multi-providers-in-angular-2.html

Answer 2

Poiché le interfacce non sono disponibili in fase di esecuzione (solo per i controlli statici) interfacce non possono essere utilizzati come toke per DI.

utilizzare un token invece: https://angular.io/api/core/OpaqueToken

var myInterfaceToken = new OpaqueToken('MyInterface'); 

// import `myInterfaceToken` to make it available in this file 

boostrap(AppComponent, [ 
    provide(myInterfaceToken, { useClass: Service1, multi:true }); 
    provide(myInterfaceToken, { useClass: Service2, multi:true }); 
]); 

// import `myInterfaceToken` to make it available in this file 

export class CollectorService { 
    constructor(@Inject(myInterfaceToken) services:MyInterface[]) { 
     services.forEach(s => s.foo()); 
    } 
}