how to set "data-value" Attribute of div in angular 2

Question

<div data-value="{{tagName}}">{{tagName}}</div>

Getting "data-value is not a valid attribute" of div error.

score 15 · Accepted Answer · answered Feb 19 '16 at 16:01

15

By default Angular2 binds to properties for performance reasons. To explicitly bind to attributes use one of these options

attr.data-value="{{tagName}}"

or

[attr.data-value]="tagName"

answered Feb 19 '16 at 16:01

1 Answers1