证行索引事件处理程序中的数据表

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

你有多余的$：

(click)="onDeleteDataProviderDefinitionClicked(rowIndex)" 

，而不是$rowIndex

你的样品$event这是因为它是默认事件中的保留字中看到的原因。

Answer 2

模板代码

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