Javascript ng样式不适用于stroke dasharray和stroke dashoffset CSS元素

通过ng样式传递这些值，以便：

ng-style="{'stroke-dasharray':data.value, 'stroke-dashoffset': data.value}"

打断我的甜甜圈图表，但是如果它们在应用于div元素的类中的CSS中（圆形动画，请参见Fiddle）。这里是小提琴：

有什么想法吗？我们的目标是要有ng风格的工作，所以通过周长动态

---

Fabio

ng style通常期望表达式的计算结果为具有键值对的对象。它不会像您使用的那样在字符串中执行插值。您使用的方式是

ng class

的工作方式

要使其正常工作，您需要执行以下操作：

<circle id="circle" class="circle_animation" r="69.85699" cy="81" cx="81" stroke-width="8" stroke="#6fdb6f" fill="none" ng-style="{'stroke-dasharray': {{data.value}}, 'stroke-dashoffset': {{data.value}}}"/>

---

请参见工作示例：

Hi Narain！非常感谢，我还有一个问题：您还知道如何编辑表示百分比的值（stroke dashoffset，50）？它在

@keyframes donut-chart-1{to{stroke dashoffset:50；}}}

嗯，我不确定这个。看看这个，如果有帮助的话-