使用 PrimeNG Turbo Table 和 Angular 6 获取索引

Question

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

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

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

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

Answer 1

您要查找的属性是 let-rowIndex，如 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>

使用 PrimeNG Turbo Table 和 Angular 6 获取索引

Get index with PrimNG TurboTable and Angular 6

primeng

angular

primeng-turbotable