Wie füge ich eine übergeordnete Komponente in eine untergeordnete Komponente ein?
Ich versuche, eine übergeordnete Komponente in eine untergeordnete Komponente einzufügen. Ich dachte, das wäre unkompliziert - geben Sie einfach die übergeordnete Komponente in das @ des Kindes eiconstructor()
:
constructor(private _parent:AppComponent) {} // child component constructor
Ich erhalte den folgenden Fehler:
EXCEPTION: Kann nicht alle Parameter für ChildComponent (?) Auflösen. Stellen Sie sicher, dass alle Typen oder Anmerkungen gültig sind.
Was vermisse ich
ChildComponent:
import {Component} from 'angular2/core';
import {AppComponent} from './app.component';
@Component({
selector: 'child',
template: `<p>child</p>`
})
export class ChildComponent {
constructor(private _parent:AppComponent) {}
}
AppComponent:
import {Component} from 'angular2/core';
import {ChildComponent} from './child.component';
@Component({
selector: 'my-app',
template: `{{title}} <child></child>
`,
directives: [ChildComponent]
})
export class AppComponent {
title = "Angular 2 - inject parent";
constructor() { console.clear(); }
}