Il parametro dell'emettitore di eventi non è definito per l'ascoltatore

Question

Nel componente Angular2 uso EventEmitter per emettere un evento con parametro. Nel listener del componente padre questo parametro non è definito. Ecco un plunker:

import {Component, EventEmitter, Output} from 'angular2/core' 
@Component({ 
    template: `<ul> 
    <li *ngFor="#product of products" (click)="onClick(product)">{{product.name}}</li> 
    </ul>`, 
    selector: 'product-picker', 
    outputs: ['pick'] 
}) 
export class ProductPicker { 
    products: Array<any>; 
    pick: EventEmitter<any>; 
    constructor() { 
    this.products = [ 
     {id: 1, name: 'first product'}, 
     {id: 2, name: 'second product'}, 
     {id: 3, name: 'third product'}, 
     ]; 
    this.pick = new EventEmitter(); 
    } 
    onClick(product) { 
    this.pick.emit(product); 
    } 
} 
@Component({ 
    selector: 'my-app', 
    providers: [], 
    template: ` 
    <div> 
     <h2>Pick a product</h2> 
     <product-picker (pick)="onPick(item)"></product-picker> 
    </div> 
    <div>You picked: {{name}}</div> 
    `, 
    directives: [ProductPicker] 
}) 
export class App { 
    name: string = 'nothing'; 
    onPick(item) { 
    if (typeof item == 'undefined') { 
     console.log("item is undefined!"); 
    } else { 
     this.name = item.name; 
    } 
    } 
} 

Come passare il prodotto scelto per componente padre?

Answer 1

Si dovrebbe $ evento come questo:

<product-picker (pick)="onPick($event)"></product-picker> 

Esso corrisponde al valore fornito al momento dice il metodo Emit del EventEmitter associato.

Nel tuo caso la variabile oggetto fornita come parametro corrisponde a nulla.