材料表中的 Angular 6 索引不起作用答案

【问题标题】：Angular 6 index in material table not working材料表中的 Angular 6 索引不起作用
【发布时间】：2019-05-16 10:22:34
【问题描述】：

向表行添加索引时遇到问题。我已经分配了这样的索引值：

<ng-container matColumnDef="id">
  <mat-header-cell *matHeaderCellDef>#</mat-header-cell>
  <mat-cell *matCellDef="let i = index"> {{i+1}} </mat-cell>
</ng-container>

此解决方案在一个表上运行，但在第二个表上返回 NaN。有谁知道如何解决这个问题？

在第二张表上，我使用了可扩展行，因此我添加了 multiTemplateDataRows 属性。其他一切都是一样的。我正在使用 Material Design v7.11

【问题讨论】：

标签： html angular indexing angular-material

【解决方案1】：

当您使用 multiTemplateDataRows 属性时，您不能使用 index.相反，您必须使用 dataIndex 或 renderIndex。

<mat-cell *matCellDef="let i = renderIndex;">{{i+1}}</mat-cell>

【讨论】：

谢谢！添加 dataIndex 而不是 index 解决了我的问题。
在冠状病毒中。我找到了这个。谢谢我的朋友。