Angular 2 übergeben lokale Variable ngFor zu einem Elternteil

Question

Ich versuche, Ereignisdelegierung zu implementieren, aber ich kann keinen Weg finden, um die lokale Variable von ngFor zum übergeordneten übergeben.

<ul (click)="doSomething(hero)"> 
    <li *ngFor="let hero of data">{{hero.name}}</li> 
    </ul> 

Nach der Veranstaltung Delegation Technik, muß ich auf dem Elternteil klicken und überprüfen, ob das Ziel ist es, was ich brauche und den Hörer führen.

Ist es möglich, dies zu tun?

Answer 1

Dies sollte

export class YourComponent { 
 
    data = ['a', 'b']; 
 

 
    doSomething($event: any) { 
 
     //$event.data is 'a' 
 
    } 
 
}

<ul (click)="doSomething($event)"> 
 
     <li *ngFor="let hero of data" (click)="$event.data = hero;">{{hero}}</li> 
 
    </ul>

arbeiten