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

应该适合你