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

Question

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

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

Answer 1

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"