How to bind to data-* attribute in angular2? [duplicate]

问题

This question already has answers here:

How can I write data attributes using Angular? (2 answers)

Closed 3 years ago.

Assuming I have really large grid of cells I want to add data-row and data-col atribute values and bind from model. How can I bind data-row from angular2 (beta0 in Dart).

Binding with data-row=\"{{boundVal}}\" does not seem to work. (no data attribute appears in output html)

eg.

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

回答1:

This should do what you want

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

来源：https://stackoverflow.com/questions/34412103/how-to-bind-to-data-attribute-in-angular2