template - data binding angular 4

El atributo personalizado da un error de análisis cuando se usa con un angular 2.0.0-beta.0

Question

Estoy tratando de usar atributo personalizado con angular2 como sigue

 <a href="javascript:void(0)" title="{{inst.title}}" data-loc="{{inst.actionval}}">

lo que me da el siguiente error

EXCEPCIÓN: errores de análisis de plantilla: no se puede enlazar a ''loc'' ya que no es una propiedad nativa conocida

Answer 1

Angular de forma predeterminada utiliza el enlace de propiedades, pero no tiene una propiedad data-loc. Para indicarle a Angular explícitamente que use el enlace de atributos, use en su lugar: intente esto puede funcionar para usted.

<a href="javascript:void(0)" title="{{inst.title}}" [attr.data-loc]="inst.actionval">

o

<a href="javascript:void(0)" title="{{inst.title}}" attr.data-loc="{{inst.actionval}}">