как установить индексную переменную в p-таблице primeng, как в ngFor - PullRequest
Новая
       96

как установить индексную переменную в p-таблице primeng, как в ngFor

0 голосов
/ 09 июля 2020

Кто-нибудь может мне помочь. Я хочу инициализировать индексную переменную, например *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>```

1 Ответ

1 голос
/ 09 июля 2020

Вы можете использовать свойство 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>

Надеюсь на эту помощь!

...