angular - 如何使用动态值将 "name"属性添加到 或 ？

Question

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

我可以通过*matCellDef="let i = index"得到索引和 *matRowDef="let i = index;"分别。但是如果我添加 name值为 name="monitoring{{i}}" 的属性然后它只是不将属性添加到该标记/元素。但是如果我删除 {{i}}从值(这使得它成为 name="monitoring" )然后它将被分配字符串并完美显示但每一行的名称变得相同。

有谁知道如何为 name 属性分配动态值，我在分配中做错了什么以至于它没有出现在动态值分配中？

提前致谢。

P.S 这是我正在尝试的代码 -

Doesnt work :(

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

Works

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

Answer 1

好的。所以我发现问题出在如何 <mat-cell>和 <mat-row>接受并操作 name属性。所以这在我使用 [attr.name] 时得到了修复而不是 name或 [name] .

最终的赋值表达式——

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