我有一个具有单个字符串参数的基本服务
import {Injectable} from 'angular2/core';
@Injectable()
export class MyService {
constructor(someValue: string) {
}
}
如果我从构造函数中删除字符串参数,服务将很好地注入,但我似乎无法弄清楚如何获取一个简单的字符串来注入。
我已经定义了一个配置来存储应用程序设置
import {OpaqueToken} from 'angular2/core';
export let APP_CONFIG = new OpaqueToken('app.config');
export interface Config {
appSetting: string,
}
export const CONFIG: Config = {
appSetting: "my application nsetting"
};
我为 MyService 定义了一个工厂
import {provide} from 'angular2/core';
import {MyService} from './my.service';
import {Config, CONFIG} from './app.config';
let myServiceFactory = (config: Config) => {
return new MyService(config.appSetting);
}
export let myServiceProvider =
provide(MyService, {
useFactory: myServiceFactory,
deps: [CONFIG]
});
在我的引导中,我注册了提供者
import {bootstrap} from 'angular2/platform/browser';
import {AppComponent} from './app.component';
import {provide} from 'angular2/core';
import {APP_CONFIG, CONFIG} from './app.config';
import {myServiceProvider} from './my.service.provider';
bootstrap(AppComponent,
[provide(APP_CONFIG, { useValue: CONFIG }),
myServiceProvider
]);
在我的应用程序组件中,我尝试注入 myService
import {Component} from 'angular2/core';
import {MyService} from './my.service';
@Component({
selector: 'my-app',
template: '<h1>Angular 2 is running</h1>'
providers: [
MyService
]
})
export class AppComponent {
constructor(private _myService: MyService) {
}
}
应用程序永远不会启动,我得到这个错误
0x800a139e - JavaScript 运行时错误:未捕获(在承诺中):没有字符串提供程序!(AppComponent -> MyService -> 字符串)