如何像在ngFor中一样在primeng p表中设置索引变量

【问题标题】：how to set index variable in primeng p-table like in ngFor如何像在ngFor中一样在primeng p表中设置索引变量
【发布时间】：2020-10-30 07:24:30
【问题描述】：

谁能帮帮我。我想初始化索引变量，如 *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>```

【问题讨论】：

标签： angular primeng primeng-datatable p-table

【解决方案1】：

您可以在表格中使用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>

希望对您有所帮助！

【讨论】：