最近我遇到了在模块中声明的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,然后直接在组件装饰器中设置’providers’,那么一切都会再次起作用.
所以问题是:为什么在模块文件中声明的InjectionToken不能用于注入组件.
解决方法
据@yurzui说,存在循环依赖. 将令牌移动到单独的文件帮助.