Estoy tratando de hacer lo siguiente:
<tr id="row" *ngFor="let data of dataList"> <td class="search-result" data-item-value="{{data.value}}"> {{data.text}} </td> </tr>
Aquí dataList es una matriz de objetos con valor de utilería y texto.
Recibo el siguiente error:
zone.js:522 Rechazo de promesa no controlado: errores de análisis de plantilla: no se puede vincular a 'valor-elemento' ya que no es una propiedad conocida de 'td'. ("" *ngFor="let data of dataList"> ]data-item-value="{{data.value}}">{{data.text}} "): MultiListBoxComponent@24:66 ; Zona: ; Tarea : Promise.then ; Valor: SyntaxError {__zone_symbol__error: Error: Errores de análisis de plantilla: No se puede vincular a 'valor-elemento' ya que no es una propiedad conocida de 'td'. ("……} Error: Errores de análisis de plantilla : No se puede vincular a 'elemento-valor' ya que no es una propiedad conocida de 'td'. ("" *ngFor="let data of dataList"> ]data-item-value="{{data.value }}">{{datos.texto}} "): MultiListBoxComponent@24:66
¿No se permite el enlace de valor a los atributos personalizados en angular 2?
tienes que usar
[attr.data-item-value]="data.value"
en vez de
data-item-value="{{data.value}}"
Consulta: https://stackoverflow.com/a/38792409/5049472
Podría usar DomSanitizationService
con una función que genera td
.