如何绑定到 angular2 中的 data-* 属性？

Question

假设我有非常大的单元格网格，我想添加数据行和数据列属性值并从模型绑定。如何从 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"

如何绑定到 angular2 中的 data-* 属性？

How to bind to data-* attribute in angular2?

angular-dart

angular