如何在鼠标事件绑定中传递参数

Question

我渲染表并为每个具有基于行和列索引的参数的单元格添加（鼠标事件）。

<table>
 <tr *ngFor="let row of rows; let rowIndex = index;">
  <td *ngFor="let column of columns; let columnIndex = index;"
   (mouseenter)="mouseEnterHandler(rowIndex, columnIndex)">
  </td>
 </tr>
</table>

mouseEnterHandler(rowIndex, columnIndex) {}

但这会导致性能问题，这就是为什么我想使用ngZone在angular之外运行mouseenter。

this.zone.runOutsizeAngular(() => {
 this.element.nativeElement.addEventListener('mouseenter', this.mouseEnterHandler.bind(this));
});

但是现在我将无法访问当前的mouseenter行和列索引。可以在鼠标进入事件期间获取这些参数吗？

Answer 1

在您的函数中，您可以执行以下操作

mouseEnterHandler(rowIndex, columnIndex){
  console.log(rowIndex);
  console.log(columnIndex);
}