web-dev-qa-db-ja.com

angular 2.0.0-beta.0で使用すると、カスタム属性が解析エラーになります

私は次のようにangular2でカスタム属性を使用しようとしています

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

次のエラーが発生します

例外：テンプレート解析エラー：既知のネイティブプロパティではないため、「loc」にバインドできません

angularangular2-template
25
Akhilesh Kumar

デフォルトでは、Angularはプロパティバインディングを使用しますが、aにはプロパティdata-locがありません。 Angularを明示的に属性バインディングを使用するように指示するには、代わりに使用します。これを試してください。

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

または

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