Angular 角度2 svg：圆形填充属性绑定

我试图将

元素中fill属性的值绑定到组件中的

color:string=“#cececece”

变量。我读过很多文章，后来尝试了不同的方法，但没有一个成功：

style="fill: {{color}}"

[style]="fill: color"

[style]="fill: 'color'"

[attr.style]="fill: color"

[attr.fill]="color"

[attr.style.fill]="color"

fill="{{color}}"

有没有办法让这一切顺利进行？我甚至在考虑我在其他地方遇到问题的可能性

它通常在没有角度绑定的情况下工作的方式是：

或

---

应该适用于您

应该适用是的，但是我需要将

颜色

控制器变量绑定到填充。我的第五个示例应该这样做，但它不起作用。然后使用

@Faisal您可以使用

[]

和

{{}

together@Faisal是的，就是这样。我们不能同时使用它们谢谢，第二种方法有效，但第一种方法也应该有效，但它不起作用。

[attr.fill]="color"  

attr.fill="{{color}}"