Abhängigkeitsinjektion in der 2-Kind-Komponente "Angular"

Question

Wie führe ich die Abhängigkeitsinjektion für eine Kindklasse in Angular 2 durch, wenn der Elternteil nicht den Anbieter hat?

import { NgModule, Component, OnInit} from '@angular/core'; 
import { EntityrecordApi } from '../sdk/services/custom'; 
import { Injectable, Inject } from '@angular/core'; 
import { FormlyFieldSelect } from 'ng2-formly'; 

@Component({ 
    selector: 'formly-field-lookup-select', 
    providers: [EntityrecordApi], 
    template:'<div>Test</div>' 
}) 

export class LookupSelect extends FormlyFieldSelect implements OnInit{ 
    constructor(@Inject(EntityrecordApi) private _EntityrecordApi: EntityrecordApi) { 
    super() 
    } 
    ngOnInit(): void { 
    //Do Something here 
    this._EntityrecordApi.find() 
    } 
} 

FormlyFieldSelect

Im obigen Beispiel, bekomme ich _EntityrecordApi immer als nicht definiert. Können Sie bitte helfen?

Komponentenhierarchie Bild in Augury

Answer 1

Auch wenn die übergeordnete Klasse der Anbieter hatte, würden Sie es nicht. Decorators werden in Angular 2 nicht vererbt.

Sie müssen den Dienst der providers10 der Komponente hinzufügen (wenn Sie eine Instanz des Dienstes pro Instanz der Komponente) möchten. oder das Modul, das diese Komponente enthält (wenn Sie eine Instanz des Dienstes in der gesamten App wünschen).