Angulaire 2 svg: liaison de l'attribut circle fill

Question

J'essaie de lier la valeur de l'attribut fill dans un élément <svg:circle> à ma variable color: string = "#cecece" dans mon composant. J'ai lu de nombreux articles et essayé différentes façons par la suite, cependant, Noone a réussi:

style="fill: {{color}}" 

[style]="fill: color" 

[style]="fill: 'color'" 

[attr.style]="fill: color" 

[attr.fill]="color" 

[attr.style.fill]="color" 

fill="{{color}}" 

Est-il possible de faire ce travail? Je pense même à la possibilité que j'ai un problème ailleurs.

La façon dont il fonctionne généralement sans liaison angulaire est: <circle fill="#cecece"></circle>

Answer 1

[attr.fill]="color" 

ou

attr.fill="{{color}}" 

devrait travailler pour vous