Angular2 Ausdruck + Jquery

Question

Ich habe folgenden Ausdruck, der funktioniert:

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

, wenn ich versuche, ein Attribut, um es zu binden:

[data-value]="result/100" 

ich die folgende Fehlermeldung erhalten:

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

Warum und wie kann es behoben werden?

Answer 1

ändern <div class="circle" [data-value]="result/100">%</div> zu

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

oder

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