Wie funktioniert die Angular 2-Kommunikation zwischen Kind- und Elternkomponente?

Question

Eltern Vorlage

<problem-form *ngIf=showProblemView (addProblem)=problemAdd($event)></problem-form> 

Kinder Komponente

import { Component, Output, EventEmitter } from '@angular/core'; 
@Output() addproblem = new EventEmitter<string>(); 
onClick() { 
    this.addproblem.emit('something') 
    console.log('onSubmit') 
    this.active = false; 
} 

Eltern Ereignishandler

problemAdd($event) { 
    debugger; 
    console.log('eventString ') 
} 

Ich weiß, dass das Kind Ereignis aus nach dem Debugger aussendet. Mein Verständnis ist, dass das übergeordnete Kind das ausgesendete Kindereignis nicht erfasst. Irgendwelche Ideen? Vielen Dank!

Answer 1

In Ihrem Kind:

@Output() addproblem = new EventEmitter<string>(); 

Im parent:

<problem-form *ngIf=showProblemView (addProblem)=problemAdd($event)></problem-form> 
             ^

Mitteilung der Hauptstadt P.

Angular 2 case-sensitive ist.

Benennen Sie die Eigenschaft entweder in addProblem oder den Ausgabehandler in (addproblem) um.