代码之家 › 专栏 › 技术社区 › padr

Angular 2 svg:圆形填充属性绑定

fill geometry svg angular

padr · 技术社区 · 7 年前

我试图将fill属性的值绑定到 <svg:circle> 元素到我的 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>

1 回复 | 直到 7 年前

yurzui 7 年前

[attr.fill]="color"

attr.fill="{{color}}"

应该适合你

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

2 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

2 年前

Kael · 在html表格中显示关系api数据-角度

2 年前