Wie Übergeben von Daten untergeordnete Komponente an übergeordnete Komponente in angular2?

Question

Ich habe ein Beispiel erstellt, in dem Daten, die an Eltern zu Kind und Elternteil übergeben werden, umgekehrt angezeigt werden. So ist das Senden von Eltern zu Kinddaten abgeschlossen. Aber es hat keine Daten an die Elternkomponente übergeben. Ich habe EventEmitter-Klasse in Kind verwendet.

Answer 1

Mutter Vorlage: ...

<child [value]="value" (childEvent) = "parenFunction($event)"> </child> 

//... 

    export class ParenComponent{ 

    value: any={}; 

    ParenFunction(){ 

     console.log(value); 

    } 

} 

Kind

<p (click) = "clickThis"> click </p> 
//... 
@Output() childEvent = new EventEmitter<boolean>(); 
clickThis(){ 

this.childEvent.emit(); 
} 

Answer 2

Genau wie die Fehlerzustände ...

co.onChange ist keine Funktion

Nun, der Fehler korrekt ist, ist es nicht eine Funktion ist. Ihr Name für die Funktion stimmt nicht mit dem Namen in der Komponente überein. In Vorlage haben Sie onChange und in Komponente onchange, so dass Sie entweder ändern müssen.

Ihr Kind Komponente sieht sonst gut, und ich denke, Sie so etwas wie die folgenden in der übergeordneten Komponente haben :)

<my-comp (childeve)="getChildeve($event)"></my-comp> 

getChildeve(value) { 
    console.log(value) 
}