I found some code that Jared had posted previously for a 360 deg component and I am trying to get it to work but the value is not being shown.
I am using the following to get the wind direction from the watch list.
<ma-calc input="designer.points | filter:{name:'Wind Direction'}:true | maFirst" output="myDirection"></ma-calc>
And then using this in the code for the display but the heading remains at 0.
<g class="direction-cones" transform="rotate(-90)">
<g id="north" transform="rotate({{myDirection.value}})">
<circle class="scale-1" r="100"></circle>
<circle class="scale-2" r="100"></circle>
</g>
</g>
What am I doing wrong here?