使用 PrimNG TurboTable 和 Angular 6 获取索引 [英] Get index with PrimNG TurboTable and Angular 6

问题描述

我不知道如何使用 Angular 6 和 PrimeNG turbo 表获取索引.

I cant figure out how to get an index with Angular 6 and PrimeNG turbo table.

这是我对它应该如何工作的最佳猜测.

this is my best guess on how it should work.

<p-table [value]="timecards">
  <ng-template pTemplate="body" let-timecard let-i="index">
    <tr><td>{{ i }}</td><td>{{ timecard.value }}</td></tr>
  </ng-template>
</p-table>

但我也试过这个

<p-table>
  <ng-template pTemplate="body" ngFor let-timecard let-i="index" [ngForOf]="timecards>
    <tr><td>{{ i }}</td><td>{{ timecard.value }}</td></tr>
  </ng-template>
</p-table>

还有这个

<p-table [value]="timecards">
  <ng-template pTemplate="body" ngFor let-timecard let-i="index" [ngForOf]="timecards>
    <tr><td>{{ i }}</td><td>{{ timecard.value }}</td></tr>
  </ng-template>
</p-table>

以及其他几种组合.我无法让他们中的任何一个工作.

And several other combinations. I can't get any of them to work.

推荐答案

您正在寻找的属性是 let-rowIndex，如 PrimeNG TurboTable 文档:

The property you are looking for is let-rowIndex as described by the PrimeNG TurboTable documentation:

<p-table [value]="timecards">
  <ng-template pTemplate="body" let-timecard let-rowIndex="rowIndex">
    <tr><td>{{ rowIndex }}</td><td>{{ timecard.value }}</td></tr>
  </ng-template>
</p-table>

这篇关于使用 PrimNG TurboTable 和 Angular 6 获取索引的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！