2016-02-20 7 views
15

Sto cercando di utilizzare attributi personalizzati con angular2 come segueattributo personalizzato dà errore di analisi quando si utilizza con una angolare 2.0.0-beta.0

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

che mi dà seguente errore

errori di analisi del modello:: ECCEZIONE non può legarsi a 'Loc' in quanto non è una proprietà nativa noto

+0

Eventuali duplicati di [angolari 2 attributi dei dati] (http://stackoverflow.com/questions/34542619/angular-2-data-attributes) –

risposta

30

angolare di default usa associazione di proprietà ma a non ha una proprietà data-loc. Per dire ad Angular in modo esplicito di usare il binding dell'attributo, usa invece: prova che questo potrebbe funzionare per te.

<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}}"> 
+0

Dal momento che l'utente originale che chiesto non ha risposto, vorrei dire che con la versione rilasciata di angular 2 il primo suggerimento è la strada da percorrere. – Hazerd

+0

ohh okay quindi dovrei rimuovere il secondo opption? –

+0

No, anche quello funziona. Il mio male, quando ho provato non ho rimosso le parentesi quadre. Entrambe le opzioni sono valide. – Hazerd