如何绑定到 angular2 中的 data-* 属性？ [复制]

Question

假设我有非常大的单元格网格，我想添加 data-row 和 data-col 属性值并从模型绑定。如何从 angular2（Dart 中的 beta0）绑定数据行。

与 data-row="{{boundVal}}" 绑定似乎不起作用。 （输出 html 中没有数据属性出现）

例如。

<table>
  <tr *ngFor="#row of rows" >
      <td *ngFor="#cell of row.cells" data-row="{{row.index}}" data-col="{{cell.index}}" >
      </td>
  </tr>
</table>

Answer 1

这应该做你想做的事

[attr.data-row]="row.index" [attr.data-col]="cell.index"