angular - 我如何获得 angular2 依赖注入(inject)以与值(value)提供者一起工作

Question

我正在关注依赖注入(inject)的 Angular 文档，并尝试复制 dependency injection tokens 上的部分.但很明显我还是不明白。

我正在尝试使用 value provider 将 config:any 注入(inject)到我的项目中。

在最简单的层面上，我只想提供一个常量字符串

// app-modules.ts
const CFG_STRING = "I was declared externally and injected in ngModule"    
@NgModule({
  imports: [ BrowserModule ],
  declarations: [ App ],
  providers: [
    {provide: CFG_STRING, useValue: CFG_STRING}
  ],
  bootstrap: [ App ]
})

和注入(inject)到组件构造函数中

// app.ts
const LOCAL_STRING = "I was declared in the local module"
export class App {
  constructor(
    // @Optional() cfgString: CFG_STRING
  ) {
    this.name = 'Angular2'
    this.local = LOCAL_STRING

    /* provided/injected */
    // this.injectedStr = cfgString
  }
}

但是当我这样做时，应用程序无法正常运行。我做错了什么？

这是一个 plunkr:http://plnkr.co/edit/sQwxyDqLkMTgVUjJ1yYF?p=preview

Answer 1

如果您不使用类型作为提供者的键，而是使用字符串或 OpaqueToken，您需要将键传递给 @Inject()

constructor(
    @Inject('CFG_STRING') /* @Optional()*/ cfgString: CFG_STRING
  ) {

并像这样提供

  providers: [
    {provide: 'CFG_STRING', useValue: CFG_STRING}
  ],

CFG_STRING 不是类型，因此不能用作键。您要么使用一些字符串，要么提到一个 OpaqueToken。可以是任意字符串，只需要匹配provide和@Inject()

即可