Question

最近我遇到了在模块

中声明的InjectionToken问题

import {InjectionToken, NgModule} from '@angular/core';
import {SampleComponent} from './sample.component';

export let SOME_TOKEN = new InjectionToken<string>('someToken');

@NgModule({
  declarations: [SampleComponent],
  providers: [
    {provide: SOME_TOKEN, useValue: 'Some value'}
  ]
})
export class SampleModule {
}

和组件类：

import {Component, Inject, OnInit} from '@angular/core';
import {SOME_TOKEN} from './sample.module';

@Component({
  selector: 'sample-component',
  templateUrl: './sample.component.html',
  styleUrls: ['./sample.component.scss']
})
export class SampleComponent implements OnInit {

  constructor(@Inject(SOME_TOKEN) private someValue: string) { }

  ngOnInit() {
    console.log(this.someValue);
  }

}

这一切都给了我一个错误： 未捕获错误：无法解析SampleComponent的所有参数:(？）。

同时，如果我尝试使用字符串作为标记，在模块中声明，一切正常。

另外，如果我直接在组件文件中声明了InjectionToken，然后设置了＆＃39; providers＆＃39;直接在组件装饰器内部，一切都再次起作用。

所以问题是：为什么在模块文件中声明的InjectionToken不能用于注入组件。

Answer 1

据@yurzui说，存在循环依赖。将令牌移动到单独的文件有帮助。

模块中声明的InjectionToken的@Inject（）在angular2中失败

1 个答案: