HTML5圈标记属性，动态值为angular5

Question

在圆圈标记中，我必须动态传递 stroke-dashoffset 值

<svg>
    <circle class="donut-segment" data-per="100" cx="21" cy="21" r="15.91549430918954" fill="transparent" stroke="#b1c94e" stroke-width="5" stroke-dasharray="100 100" stroke-dashoffset="50"></circle>
</svg>

我正在使用angular5
我怎么能通过呢？

Answer 1

试试这个：

<svg>
    <circle class="donut-segment" data-per="100" cx="21" cy="21" r="15.91549430918954" fill="transparent" stroke="#b1c94e" stroke-width="5" stroke-dasharray="100 100" [stroke-dashoffset]="yourPropNameofComponent"></circle>
</svg>

Answer 2

得到了解决方案 [attr.stroke-dashoffset] =“百分比”
我们可以动态传递百分比值