Angular2表達+ jQuery的

Question

我有以下的表達，其工作方式：

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

當我試圖綁定到它的一個屬性：

[data-value]="result/100" 

我得到以下錯誤：

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

爲什麼以及如何修復？

Answer 1

變化<div class="circle" [data-value]="result/100">%</div>到

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

或

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