Angular AOT 编译为库提供配置

Question

不久前，我们开始创建包含 Angular 组件的内部 NPM 包，以便我们可以在不同站点之间重用我们常用的 Angular 组件。通过我们正在进行的一些新工作，我们正在尝试支持 AOT 编译以及使 NPM 包中的组件与 angular 2.x 和 4.x 兼容。我们有一些配置需要传递到 npm 包/库（api 键/url、环境等），所以我希望实现站点提供一个配置对象，可以将其注入需要这些值的组件中.我在让提供商与 AOT 合作时遇到问题。到目前为止，我能够让它工作的唯一方法是使用显式字符串标记，但这在我看来远非理想。

工作：

在消费 AOT 站点中：

import { environment } from './../environments/environment';

@NgModule({
  declarations: [
    ...
  ],
  imports: [
    ...
  ],
  providers: [
      {
          provide: 'ConfigToken',
          useValue: environment
      }
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

在库组件中：

constructor(@Inject('ConfigToken') private config: Configuration) { }

从库中导出的接口：

export interface Configuration {
    someValue: string;
    someOtherValue: string;
}

我试过了：

• 从库中导出 OpaqueToken

• 导出一个类以用作标记

  使用这两种策略，我最终都会遇到错误ERROR in Can't resolve all parameters for SomeComponent in C:/Development/path/to/bundle

Answer 1

好吧，我最终找到了自己问题的答案……问题在于使用接口作为注入值的类型。我正在查看生成的 java 脚本并注意到这一点：

SomeComponent.ctorParameters = function () { return [
    { type: undefined, decorators: [{ type: _angular_core.Inject, args: [MyProviderToken,] },] },
]; };

一旦我将类型更改为类而不是接口，类型就不再是未定义的，并且 Angular 能够注入消费应用提供的值。

Answer 2

您可以在可注入类上使用“useValue”选项在运行时重新定义它。这就是我为我的应用程序提供配置的方式。只需创建一个简单的可注入占位符，例如

 import { Injectable } from '@angular/core' 

 @Injectable() export class MyAppConfig {} 

然后在您的模块中，您可以从任何文件中导入一些常量。假设 const 看起来像这样

 export const MY_APP_CONFIG = { 
     configOption1 = 'test1';
     configOption2 = 123;
 }

现在在你的模块中，你可以导入可注入类和常量

 import { MyAppConfig } from './wherever/it/is'
 import { MY_APP_CONFIG } from './wherever/it/is'

然后在提供者中

 providers: [
       {
          provide: MyAppConfig,
          useValue: MY_APP_CONFiG
       }
   ],

据说有更好的方法来使用 InjectionToken https://angular.io/api/core/InjectionToken

但这更简单，对我有用。据我了解，这种方法的缺点是它无法防止命名空间冲突。

编辑 -

至于如何在组件中消费...

导入可注入的配置类

import { MyAppConfig } from './wherever'

然后在构造函数中

constructor(private config: MyAppConfig) { 
     console.log(config);
}

您会看到它打印的是您分配给它的 const 的值，而不是一个空对象。