注入实现某些接口的所有服务

Question

简单场景：

我有多个服务实现了一个通用接口。所有这些服务都在bootstrap方法中注册。

现在我想要另一个服务，它注入所有实现公共接口的注册服务。

即

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());
    }
}

这有可能吗？

Answer 1

您需要注册您的服务提供商，如下所示：

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

这仅适用于不具有接口的类，因为在运行时不存在接口。

要使其适用于接口，您需要对其进行调整：

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

并注入这种方式：

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

有关更多详细信息，请参阅此plunker：qazxsw poi。

有关详细信息，请参阅此链接：

• https://plnkr.co/edit/HSqOEN?p=preview

Answer 2

因为接口在运行时不可用（仅用于静态检查），所以接口不能用作DI的toke。

改为使用令牌：

（废弃） http://blog.thoughtram.io/angular2/2015/11/23/multi-providers-in-angular-2.html

https://angular.io/api/core/OpaqueToken

var myInterfaceToken = new OpaqueToken('MyInterface');

https://angular.io/api/core/InjectionToken

var myInterfaceToken new InjectionToken<MyInterface>('MyInterface');

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

@NgModule({
  providers: [ 
    { provide: myInterfaceToken, useClass: Service1, multi:true },
    { provide: myInterfaceToken, useClass: Service2, multi:true },
  ],
  boostrap: [AppComponent],
)
class AppComponent {}