angular - 将行索引传递给数据表中的事件处理程序

Question

我使用 PrimeNG 的数据表并具有以下模板代码:

<p-column [style]="{'width':'40px'}">
    <template let-col let-rowData="rowData" let-rowIndex="rowIndex" pTemplate type="body">
        <button type="text" pButton icon="fa-remove" style="height: 20px;  width: 25px"
       (click)="onDeleteDataProviderDefinitionClicked($rowIndex)">      </button>     
    </template>
</p-column>

我想告诉事件处理程序方法“onDeleteDataProviderDefinitionClicked”哪个行索引已被单击。因此，我尝试将相应的 rowIndex 传递给其方法签名。但是，该值后来未定义。

有什么想法可以实现它吗？

Answer 1

模板代码

<p-column [style]="{'width':'40px'}">
<template let-col let-rowData="rowData" let-i="rowIndex" pTemplate type="body">
    <button type="text" pButton icon="fa-remove" style="height: 20px;  width: 25px"
   (click)="onDeleteDataProviderDefinitionClicked(i)">      </button>     
</template>

typescript 代码

onDeleteDataProviderDefinitionClicked(rowIndex) {
   console.log(rowIndex);
}