इवेंट एमिटर का पैरामीटर श्रोता

Question

एंगुलर 2 घटक में अपरिभाषित है, मैं पैरामीटर के साथ एक ईवेंट उत्सर्जित करने के लिए EventEmitter का उपयोग करता हूं। मूल घटक श्रोता में यह पैरामीटर अपरिभाषित है। यहां एक 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; 
    } 
    } 
} 

मूल घटक को उठाए गए उत्पाद को कैसे पास किया जाए?

Answer 1

आप इस तरह इवेंट $ चाहिए:

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

यह मूल्य आपके द्वारा दी गई जब जुड़े EventEmitter की फेंकना विधि बता रही है से मेल खाती है।

आपके मामले में पैरामीटर के रूप में प्रदान किया गया आइटम वैरिएबल कुछ भी नहीं है।