page - ¿Cómo enlazar al atributo data-*en angular2?

page title angular 4

Question

Esta pregunta ya tiene una respuesta aquí:

• ¿Cómo puedo escribir atributos de datos usando Angular? 2 respuestas

Suponiendo que tengo una cuadrícula de celdas realmente grande, quiero agregar valores de atributo de fila de datos y col de datos y vincular desde el modelo. ¿Cómo puedo vincular la fila de datos de angular2 (beta0 en Dart)?

El enlace con data-row = "{{boundVal}}" no parece funcionar. (no aparece ningún atributo de datos en la salida html)

p.ej.

<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

Esto debería hacer lo que quieras

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