角度2カスタムプロバイダをサービスに挿入するにはどうすればよいですか？ <pre><code>let myProvider = provide("message", { useValue: 'Hello' }); bootstrap(AppComponent, [ myProvider ]); </code></pre> <p></p>がどのように私は（別のファイル内にある）私のサービスにこれを挿入することができます

Question

main.tsでは私が持っている、typescriptですを使用していますか？ （私は@Component注釈を使用していない点に注意してください

Answer 1

私は@Injectデコレータ使用します。

@Injectable() 
export class SomeService { 
    constructor(@Inject('message') message:string) { 
    } 
} 

がサービスプロバイダを設定することを忘れないでくださいたとえば、アプリケーションブートストラップするとき：。

を

bootstrap(AppComponent, [ SomeService, myProvider ]); 

Answer 2

Dependency Injection docは、もはや文字列トークンを言及しているので、私はOpaqueTokenを使用することをお勧めしません：

アプリ/コnfig.ts

import {OpaqueToken, provide} from 'angular2/core'; 

export let MY_MESSAGE = new OpaqueToken('my-msg'); 
export let myProvider = provide(MY_MESSAGE, { useValue: 'Hello' }); 

APP/app.component.ts

import {Component} from 'angular2/core'; 
import {myProvider} from './config'; 
import {MyService} from './MyService'; 

@Component({ 
    selector: 'my-app', 
    providers: [myProvider, MyService], 
    template: `{{msg}}` 
}) 
export class AppComponent { 
    constructor(private _myService:MyService) { 
    this.msg = this._myService.msg; 
    } 
} 

APP/MyService.ts

import {Injectable, Inject} from 'angular2/core'; 
import {MY_MESSAGE} from './config'; 

@Injectable() 
export class MyService { 
    constructor(@Inject(MY_MESSAGE) private _message:String) { 
    this.msg = _message; 
    } 
} 

Plunker