角度2ジェクトの複雑なサービスは、私は3つのサービスと一つの成分を持っている

Question

サービスにabstarct-child.service、そうのような：

import {Injectable} from 'angular2/core'; 
import {AbstractChildService} from './abstarct-child.service'; 

@Injectable() 

export class RootService { 
    constructor(private _abstractChildService: AbstractChildService) {} 
    UseChildServiceDoSomethingFunction(){} 
} 

abstarct-child.serviceは、のようなので、見える：

import {Injectable} from 'angular2/core'; 

@Injectable() 
export abstract class AbstractChildService { 
    abstract doSomething(): any ; 
} 

をextend-child.serviceはそうのように見える：

import {Injectable} from 'angular2/core'; 
import {AbstractChildService} from './abstarct-child.service'; 

@Injectable() 
export class ExtendChildService extends AbstractChildService{ 

    constructor(private _num: number) { super(); } 
    doSomething() : any { return true; } 
} 

app.componentがroot.serviceととしてextend-child.serviceを提供しますabstract-child.serviceように：

import {Component} from 'angular2/core'; 
import {Input} from 'angular2/core'; 
import {provide} from 'angular2/core'; 
import {RootService} from './root.service'; 
import {AbstractChildService} from './abstarct-child.service'; 
import {ExtendChildService} from './extend-child.service'; 

@Component({ 
    selector: 'app', 
    providers: [provide(AbstractChildService, { useClass: ExtendChildService, useValue: this.num})] 
}) 
export class AppComponent { 
    @Input('given_Num') num: number; 
} 

私はこの場合app.componentのthis.numで、extend-child.serviceオブジェクトに注入することができる方法を知っていただきたいと思いますか？

私が間違っていることを誰でも見つけることができますか？

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

Answer 1

私はまだ完全にあなたが達成しようとするものを考え出したていないが、

provide(AbstractChildService, { 
     useClass: ExtendChildService, 
     useValue: this.num}) 

は有効なプロバイダではありません。

useClassとuseValueパラメータは、1つのプロバイダで1つずつしか使用できません。

また、@Component()デコレータのプロバイダでthis.を使用することはできません。デコレータが評価されるとき、まだthis.が参照できるコンポーネントのインスタンスはありません。

あなたは、文字列またはOpaqueToken

provide('MyNumber', {useValue: 10}), 

、それは別の方法、工場

provide(ExtendedChildService, {useFactory:() => { new ExtendedChildService(10)}); 

を使用することです

constructor(@Inject('MyNumber') private _num: number) { super(); } 

によって注入取得を使用することができます番号を提供する場合

でも、this.は参照できません。