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);
}