Angular2 expression + jquery

Question

I have the following expression, which works:

<div class="circle" data-value="0.8">%</div>

when i'm trying to bind an attribute to it:

[data-value]="result/100"

I get the following error:

Can't bind to 'data-value' since it isn't a known property of 'div'.

Why and how it can be fixed?

Sudheer KB · Accepted Answer · 2016-10-05 08:21:40Z

4

Change <div class="circle" [data-value]="result/100">%</div> to

<div class="circle" [attr.data-value]="result/100">%</div>

or

<div class="circle" attr.data-value="{{result/100}}">%<div>

answered Oct 3, 2016 at 10:11

Sudheer KB

1,60615 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Seems the last option doesn't work. It should be attr.data-value="{{result/100}}"