2016-02-20 4 views
15

Ich versuche Brauch mit angular2 folgendBenutzerdefinierte Attribut gibt Fehler bei der Analyse, wenn sie mit einem Winkel 2.0.0-beta.0 mit

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

Attribut zu verwenden, die mir

folgende Fehler gibt

AUSNAHME: Template Parse-Fehler: nicht zu ‚loc‘ binden kann, da es keine bekannte einheimische Eigenschaft ist

+0

Mögliches Duplikat [Angular 2 Datenattribute] (http://stackoverflow.com/questions/34542619/angular-2-data-attributes) –

Antwort

30

Angular verwendet standardmäßig Eigenschaftsbindung aber a hat keine Eigenschaft data-loc. Um Angular explizit zu sagen, Attributbindungen zu verwenden, verwenden Sie stattdessen: versuchen Sie dieses eine kann für Sie arbeiten.

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

oder

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

Seit dem ursprünglichen Benutzer, gefragt hat nicht geantwortet, ich würde gerne sagen, dass mit der freigegebenen Version von eckigen 2 der erste Vorschlag ist der Weg zu gehen. – Hazerd

+0

ohh okay also sollte ich die zweite option entfernen? –

+0

Nein, das funktioniert auch. Mein Fehler, als ich es versuchte, habe ich die eckigen Klammern nicht entfernt. Beide Optionen sind machbar. – Hazerd

Verwandte Themen