我有一个基本服务,它有一个字符串参数
import {Injectable} from 'angular2/core';
@Injectable()
export class MyService {
constructor(someValue: string) {
}
}
如果我从构造函数中删除字符串param,服务将很好地注入,但我似乎不知道如何注入一个简单的字符串。
我已经定义了一个配置来存储应用程序设置
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->String)
检查这块木板,我已经试着修复你的样品了。您可以使用OpaqueTokens以与Config对象相同的方式注入字符串值。
最重要的部分:
deps: [APP_CONFIG]
provide(APP_CONFIG, { useValue: CONFIG })