如何使用动态值将“name”属性添加到 <mat-cell> 或 <mat-row> ？

Question

我有一次mat-table渲染大约 10 行。该表的数据源来自作为对象数组的 API 调用。我想向其中的元素添加一个name属性，或者向其值作为与该行的索引连接的字符串的元素添加一个属性。mat-cellmat-row

我能够分别通过*matCellDef="let i = index"和获取索引*matRowDef="let i = index;"。但是，如果我添加name具有值的属性，name="monitoring{{i}}"那么它不会将该属性添加到该标签/元素。{{i}}但是，如果我从值中删除（这使得它name="monitoring"），那么它将被分配该字符串并且将完美显示，但每行的名称变得相同。

有谁知道如何将动态值分配给 name 属性，以及我在分配中做错了什么，以致它不会出现在动态值分配中？

提前致谢。

PS 这是我正在尝试使用的代码 -

不起作用:(

<mat-row *matRowDef="let row; columns: displayedColumns; let i = index;" name="monitoring{{i}}"></mat-row>

作品

<mat-row *matRowDef="let row; columns: displayedColumns;" name="monitoring"></mat-row>

Answer 1

好的。所以我发现问题在于如何<mat-cell>接受<mat-row>和操作name属性。所以当我使用or[attr.name]代替时，这个问题就得到了解决。name[name]

最终的赋值表达式 -

<mat-cell *matCellDef="let i = index" [attr.name]="'monitoring'+i">{{i}}</mat-cell>