Angular 2 Injekt Komplex Dienst Dienst

Question

Ich habe drei Dienste und eine Komponente:

• root.service
• abstarct-child.service
• extend-child.service
• app.component

Die root.service einspritzt von Abhängigkeitsinjektion unter Verwendung von die abstarct-child.service, etwa so:

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

@Injectable() 

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

Die abstarct-child.service sieht so aus:

import {Injectable} from 'angular2/core'; 

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

Die extend-child.service sieht so aus:

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

Die app.component die root.service und die extend-child.serviceals bietet die abstract-child.service so:

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

Ich mag würde wissen, wie kann ich das extend-child.service ein Objekt, in diesem Fall der this.num von app.component injizieren?

Kann jemand finden, was ich falsch mache?

Danke.

Answer 1

Ich habe noch nicht vollständig herausgefunden, was Sie versuchen, aber

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

ist kein gültiger Anbieter zu erreichen.

können Sie keine useClassunduseValue Parameter in einer Hand haben, eine nur zu einem Zeitpunkt.

Sie können this. auch nicht in einem Provider in einem @Component() Decorator verwenden. Wenn der Decorator ausgewertet wird, gibt es noch keine Instanz der Komponente, auf die sich this. beziehen könnte.

Wenn Sie eine Nummer geben Sie einen String oder ein OpaqueToken

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

verwenden können und es durch

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

eine andere Art und Weise verwenden wird, um eine Fabrik injiziert bekommen

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

aber this. kann immer noch nicht verwiesen werden.