Wie werden Daten beim Ausgeben über EventEmitter in Angular 2 bereitgestellt?

Question

Entsprechend this answer kann ich einen Ereignisemitter zu meinem Ausgang definieren.

export class NavComponent { 
    @Output() poof: EventEmitter<any> = new EventEmitter(); 
    onClick():void { this.poof.emit(null); } 
} 

Dann kann ich das Ereignis zum Markup gemäß unten emittieren.

<navbar (poof)="catcher.boom()"></navbar> 
<compa #catcher></compa> 

Ich habe versucht, ein Objekt statt null mit this.poof.emit({}); und der Änderung der Markup von catcher.boom(input) bereitzustellen. Das hat nicht funktioniert und die Konsole sagt mir, dass die Eingabe nicht definiert ist.

Wie kann ich ein Objekt mithilfe des obigen Setups bereitstellen? Gibt es einen klügeren Ansatz?

Answer 1

Sie müssen die implizite $event Variable verwenden, die der emittierten Wert

<navbar (poof)="catcher.boom($event)"></navbar>