stroke attribute of a circle html element cannot be set dynamically

[mattal...@gmail.com]

Hello,

i'm trying to set a stroke dynamically on a circle element like this :

<circle class="circle_animation" r="45" cy="50" cx="50" stroke-width="4" stroke="{{data.color}}" fill="none"/>

but it doesn't work...the circle stays white.

data.color is well set as 

<div>{{data.color}}</div>

prints the color.

When I do

<circle class="circle_animation" r="45" cy="50" cx="50" stroke-width="4" stroke="#000000" fill="none"/>

it works.

Any ideas ?

Thank you.

[Ashley]

Hello,

you need to change stroke="{{data.color}}" to stroke$="{{data.color}}" and it should work 100%.

Reasoning for that = https://www.polymer-project.org/1.0/docs/devguide/data-binding.html

Hope this helps.