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}}" 

应该为你