Angular 2 svg：circle fill attribute binding

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

これを機能させる方法はありますか？他のどこかに問題がある可能性についても考えています。

angularバインディングなしで通常動作する方法は次のとおりです：<circle fill="#cecece"></circle>

Answer 1

[attr.fill]="color"  

または

attr.fill="{{color}}"

あなたのために働くべきです