Angular 4单击带有额外参数的$ event

Question

是否可以在click事件中捕获$ 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);
}

Answer 2

是的，它会正常工作。将console.log放在函数中并检查。

onItemClick(event, item)
{
  console.log("Event: ",event,"Item: ",item);
}