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

我使用来自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传递给其方法签名。但是，该值稍后将处于未定义状态。

有什么想法如何实现它吗？

最佳答案

模板代码

<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>

打字稿代码

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

关于angular - 将行索引传递给数据表中的事件处理程序，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40935457/