angular - 如何像在ngFor中一样在primeng p表中设置索引变量
问题描述
任何人都可以帮助我。我想初始化索引变量,如
*ngFor="let d of sI.detail;let i=index"
在我的 p 表中
<ng-template pTemplate="body" let-rowData >
<tr class="text-center info">
<td>{{ totalHeader }} </td>
<td>
<span>
{{ rowData?.totalUnits }}
</span>
<span>
({{ rowData?.totalSale }})
</span>
<span *ngIf="rowData.totalUnits && rowData.totalSale">
/{{ (rowData.totalUnits/rowData.totalSale) | percent:'1.2-2' }}
</span>
</td>
</tr>
</ng-template>```
解决方案
您可以使用let-rowIndex="rowIndex"
表中的属性。这将为您提供该行的索引。
<ng-template pTemplate="body" let-rowData let-rowIndex="rowIndex">
<tr class="text-center info">
<td>{{ totalHeader }} </td>
<td>
<span>
{{ rowData?.totalUnits }} {{rowIndex + 1}} // here is value to use
</span>
<span>
({{ rowData?.totalSale }})
</span>
<span *ngIf="rowData.totalUnits && rowData.totalSale">
/{{ (rowData.totalUnits/rowData.totalSale) | percent:'1.2-2' }}
</span>
</td>
</tr>
</ng-template>
希望这有帮助!
推荐阅读
- excel - 总结一个新插入的空白行
- keras - keras:如何训练输入层
- php - 从 PHP 数组创建 XLS 文件(行和列相互干扰)
- reactjs - react-dates 根据站点语言使用自定义标签更改工作日标签
- vb.net - 如何比较多个文本框的值
- qt - Detecting gestures out of touch points
- payment-gateway - 通过 API 创建订阅计划
- angular - Angular 不在打字稿中呈现 html
- spring - Chaining multiple Spring Batch readers?
- excel - VBA Auto Vlookup 可以在多个不同的工作表中使用可变范围,可以吗?