Angular 2将局部变量ngFor传递给父级

Question

我正在尝试实现事件委派，但我找不到将局部变量从ngFor传递给父级的方法。

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

根据事件委托技术，我需要点击父级并检查目标是否是我需要的并运行监听器。

有可能这样做吗？

Answer 1

这应该有效

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>