Angular 2:如何将简单类型注入到您的服务中



我有一个基本服务,它有一个字符串参数

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 })

相关内容

  • 没有找到相关文章

最新更新