angular 用 svg 重复

Question

我需要在里面添加 svg angular 重复，看起来可以，但有错误

Error: Invalid value for <path> attribute d="{{getShape(data)}}"

而且它的重复次数比预期的要多。 这是我的简单原型代码。任何的想法？ http://plnkr.co/edit/EfINcm1Ee53MA9NptsFA?p=preview

Answer 1

发生这种情况是因为 d 属性在 Angular 有机会计算表达式并输入 "real" 值之前被解析。

要解决此问题，请更改：

<path d="{{getShape(data)}}"/>

至：

<path ng-attr-d="{{getShape(data)}}"/>

如果您使用其他 SVG 属性，您可能还需要这样做。例如：

<circle ng-attr-cx="{{getCentreX()}}" ng-attr-cy="{{getCentreY()}}"/>

等等