TL;DR 25.10.16: update

我重新命名 Headers 以提供更多说明，因为我仍然关注正确的解决方案 .

给定一个模块

@NgModule({
  imports: [
    ExternalModule.forRoot(config),
  ],
  providers: [EXTERNAL_PROVIDERS(config)],
})
export class MyModule{}

所以我的问题是：有没有可能我可以像这样通过我传递的配置注入依赖？

  • ExternalModule.forRoot(@Inject(MyConfig) config : MyConfig)

  • providers: [EXTERNAL_PROVIDERS(@Inject(MyConfig) config)] （

我不想为每个给定的外部提供程序创建 {provide: xxx, deps :[xxx], useFactory : xxx} .

我尝试初始化 Application Wide Service Locator ，可以访问根注入器，如here所述，但是使用Angular 2.1.0 ngDoBootstrap 不能按预期工作 .

----------

Old Post:

我想知道在Angular2中配置外部第三方库提供程序的正确模式是什么 .

我们举一个例子（Typescript中的代码示例）：

有一个库公开其提供者，并提供 config object literal的一些配置选项：

export function THIRD_PARTY_PROVIDERS(config = {}): Provider[] {
  return [
    {
      provide: ExtConfigurableService,
      deps: [Http],
      useFactory: (http: Http) => {
        return new ExtConfigurableService(http, config);
      }
    },
    ExtOtherService
  ];
}

然后在客户端，这些提供程序可以包含在_1713846中：

@NgModule({
  providers: [
    THIRD_PARTY_PROVIDERS({foo : 'bar'})
  ],
})
export class ClientModule { }

但是如果我的配置对象本身依赖于像 MyService 这样的现有服务呢？我不能在providers数组中注入依赖项 . 从我的观点来看，唯一的方法是使用FactoryProvider：

const myConfigProvider = {
    provide: MyConfig,
    deps: [MyService],
    useFactory: (MyService) => {
      return new MyConfig(MyService);
    }
  };

鉴于此，我怎样才能将 MyConfig 注入 THIRD_PARTY_PROVIDERS ？

我提出的唯一解决方案并不令人满意：

  • 使用第三方提供商方面的导出 OpaqueToken ，如here (Angular 2 Router)

  • 从客户端配置所有提供程序手动

第一个只能从第三方提供者完成：导出令牌并要求该令牌作为工厂提供者中的自己的依赖 .

第二个是非常难看的，因为你必须自己知道并配置第三方lib的实现细节/服务 .

@NgModule({
      providers: [
        {provide: ExtConfigurableService, deps: [MyConfig], useFactory: ...},
        ExtOtherService
      ],
    })
    export class ClientModule { }

角度2（客户端和第三方提供商端）的首选模式是什么？

Update 19.10.16

我实施了我的第一个解决方案提案，它运行正常 . 但它要求你有 control over the external library / agree with the project owner on your changes or fork the repo .

第三方lib.ts：

export const JWT_CONFIGURATION = new OpaqueToken('THIRD_PARTY_PROVIDER_TOKEN');
    ...

    @Injectable()
    export class ExtConfigurableService {

      constructor(@Inject(JWT_CONFIGURATION) config: any) {
        // do someting with client provided config 
      }

我-module.ts

@NgModule({
      providers: [
        {
        provide: JWT_CONFIGURATION,
        deps: [MyService],
        useFactory: (mySvc: MyService) => {
          return {foo : 'bar'};
        }, THIRD_PARTY_PROVIDERS
      ]
    })
    export class MyModule { }

但是如果外部lib要求你将配置作为参数传递（如在顶部的示例中），我仍然不知道如何将myconfig注入其中 .

除了构造函数或工厂提供者之外，Angular 2还有其他方法可以使用 @Inject() 注入依赖项吗？

angular typescript dependency-injection angular2-di