Angular 2 svg：圓圈填充屬性綁定

Question

我試圖將<svg:circle>元素中的fill屬性的值綁定到我的組件中的color: string = "#cecece"變量。我已經看了很多文章，並嘗試不同的方法之後，然而，沒有人是成功的：

style="fill: {{color}}" 

[style]="fill: color" 

[style]="fill: 'color'" 

[attr.style]="fill: color" 

[attr.fill]="color" 

[attr.style.fill]="color" 

fill="{{color}}" 

有使這項工作的一些方法？我甚至想到在其他地方有問題的可能性。

它通常工作而不角結合的方法是： <circle fill="#cecece"></circle>

Answer 1

[attr.fill]="color" 

或

attr.fill="{{color}}" 

應該爲你