在 Angular 2 中使用 OpaqueToken

Question

我在我的示例 Angular 2 应用程序中使用 OpaqueToken，下面是相关代码

//app.module.ts
......
....
export const MY_CONFIG_TOKEN = new OpaqueToken('MY_CONFIG_TOKEN');

providers: [
         { provide: MY_CONFIG_TOKEN, useValue: {test:'test'} }
         ]
....
.....        

下面是我使用令牌进行依赖注入的相关根组件代码

....
....
constructor(@Inject(MY_CONFIG_TOKEN) private myconfig:any,){}   

在浏览器中运行此应用程序会引发以下错误

无法解析 AppComponent 的所有参数

知道可能是什么原因导致此错误。 如果需要提供更多信息，请告诉我。

Answer 1

这是一个有效的 plunk https://plnkr.co/edit/pDNFSP?p=preview，展示了如何使用 OpaqueToken。 以下是定义 OpaqueToken 的方式：

import { OpaqueToken } from '@angular/core';
export let MY_CONFIG_TOKEN = new OpaqueToken('configToken');

然后你在你的主模块中导入它：

import { MY_CONFIG_TOKEN } from './token';

然后你在providers下注册

providers: [{provide: MY_CONFIG_TOKEN, useValue: {test:'test'} }],

最后你可以像这样使用它：

constructor(@Inject(MY_CONFIG_TOKEN) private myconfig:any) {
    myconfig.value = "Hello";
    console.log(myconfig.value);
  }

在 App 组件中，我已将一个虚拟的“值”属性附加到令牌，并在构造函数中设置后将其显示在控制台中。

希望这会有所帮助。

Answer 2

修改这个

export const MY_CONFIG_TOKEN = new OpaqueToken('MY_CONFIG_TOKEN');

到

declare let MY_CONFIG_TOKEN = new OpaqueToken(window_object);