Example Code Doesn't work if changed to Radial-Gauge

[AdwaitLele]

I'm trying to create a GUI with this module in Angular and want a radial-gauge. I tried the example code and it worked with the linear-gauge. But when I try to change it to a radial gauge, the radial gauge shows up but the value doesn't update (the value does update for the linear-gauge example)

Anyone have working code for a radial gauge that updates its value based on some value in the AppComponent class, like in the example?

[adsonvinicius]

<radial-gauge
width="300"
height="300"
units="Km/h"
title="false"
[attr.value]="value"
min-value="0"
max-value="180"
major-ticks="0,20,40,60,80,100,120,140,160,180"
minor-ticks="2"
stroke-ticks="false"
highlights='[{ "from": 0, "to": 100, "color": "rgba(0,0,0,.15)" },
{ "from": 140, "to": 180, "color": "rgba(169,11,11,1)" }]'
color-plate="#222"
color-major-ticks="#f5f5f5"
color-minor-ticks="#ddd"
color-title="#fff"
color-units="#ccc"
color-numbers="#eee"
color-value-box-rect="rgba(255, 255, 255, 0)"
color-value-box-rect-end="rgba(255, 255, 255, 0)"
color-value-box-background="rgba(255, 255, 255, 0)"
color-value-text-shadow="false"
font-value-size="50"
color-value-text="#fff"
color-value-box-shadow="false"
color-needle-start="rgba(240, 128, 128, 1)"
color-needle-end="rgba(255, 160, 122, .9)"
border-shadow-width="0"
border-inner-width="0"
border-middle-width="0"
value-box="true"
value-int="1"
value-dec="0"
animation-rule="dequint"
animation-duration="500"
font-value-weight="400"
animated-value="true">