角2：別のサービスにサービスを注入する。 （NOプロバイダエラーなし）

Question

私は別のサービスへのサービスを注入したい：

@Injectable() 

export class Dispatcher { 
} 


@Injectable() 

export class TodoStore { 

    constructor(@Inject(Dispatcher) dispatcher:Dispatcher){ 

    } 
} 

しかし、私は常にエラーを取得：ディスパッチャなしのプロバイダ！

ありがとうございました。

Answer 1

サービスはどこかprovideにする必要があります。

bootstrap(AppComponent,[TodoStore,Dispatcher]); 

またはアプリのコンポーネント：

@Component({ 
    ... 
     providers:[TodoStore,Dispatcher] 
} 
... 

またはその他のコンポーネントで、ニーズに応じて、あなたは、ブートストラップ法でそれを提供することができangular2 docs

を参照してください。

また、コンストラクタには@Inject(Dispatcher)は必要ありません。これは、基本的にはそうそう、返信用にSO :)

Answer 2

感謝を歓迎

constructor(dispacher:Dispatcher){ 
} 

と同じです。

コンポーネントではないため、@Component（...）ソリューションは適用されません。

bootstrap(AppComponent,[TodoStore,Dispatcher]); 

ソリューションが動作します。しかし、それはこれを中心にしていますmain.ts。

Answer 3

これを試してみてください：

myMainService.ts

import { myOtherService } from 'myOtherService'; 

export class myMainService { 
constructor() { 
    let myOtherService = new myOtherService(); 
} 
} 

myOtherService.ts

export class myOtherService { 
    constructor() { 
     console.log('service was imported'); 
    } 
} 

Answer 4

プロバイダの配列が@NgModuleで利用可能です。その配列でサービスを宣言することで、サービスを提供することができます。

@NgModule({ 
    declarations:[...], 
    imports:[...], 
    providers: [MyCustomService], 
    bootstrap:[AppComponent] 
})