角度 2 不透明令牌

需要一些有关提供 OpaqueToken 的帮助。使用 Angular 2 beta-12。如果提供程序密钥是字符串，则它可以正常工作，但在使用 OpaqueToken 时则不起作用。在 Child 类中，SF 未定义。

家长班级：

export let SF = new OpaqueToken('sf');

export class A {
  testMsg: string = 'hello';
}

@Component({
  template: `<child></child>`,
  providers: [
    provide(SF, {useValue: A}),
    provide('justString', {useValue: 'hi'}) 
  ]
})
export class App {}

儿童班：

import {Component, Injector, Inject, OpaqueToken} from 'angular2/core'
import {SF, A} from './app'
console.log("******", SF); // undefined
@Component({
  selector: 'child',
  template: `
    $$CHILD Rendered$$ {{a}}
  `
})
export class Child {
  //constructor(@Inject(SF) private a: A) {} // doesn't work
  constructor(@Inject('justString') private a: string) {}
}

我得到的异常：

angular2.min.js：17异常：无法解析“Child”的所有参数（@Inject（未定义））。确保所有参数都用 Inject 修饰或具有有效的类型注释，并且“Child”用 Injectable 修饰。

这是因为包含父类和子类的模块之间存在循环依赖关系。

如果您将不透明令牌定义到第三个模块中并将其包含在其他模块中，它将起作用。

例如常量模块：

export let SF = new OpaqueToken('sf');

在另外两个模块中：

import { SF } from './constants';