模块中声明的InjectionToken的@Inject()在angular2中失败

前端之家收集整理的这篇文章主要介绍了模块中声明的InjectionToken的@Inject()在angular2中失败前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
最近我遇到了在模块中声明的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说,存在循环依赖. 将令牌移动到单独的文件帮助.

猜你在找的Angularjs相关文章