具有额外参数的 Angular 4 Click $event

Question

是否可以捕获点击事件的 $event 参数，并将一些额外的参数数据传递给组件方法？

示例模板:

<div *ngFor="let item of data" (click)="onItemClick($event, item)">
    {{ item.Name }}
</div>

示例组件:

onItemClick(event, item) {
    // do something
}

Answer 1

是的，它会很好用。但保持参数的顺序相同。

<div *ngFor="let item of data" (click)="onItemClick($event, item)">

在这种情况下，第二个元素是您传递的元素。

onItemClick(event, item)
{
  console.log("Checking passed item: ",item);
}