This question already has an answer here:
- Angular 2 data attributes 2 answers
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>
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