AngularJS SVG赢得'；铬中的t负载

我用SVG在Angular中做了一些测试，我发现了一个有趣的问题，它只在Chrome中出现

如果我尝试这样做：

<object height="30" width="30" type="image/svg+xml" data="test/svg/{{icon}}.svg">Your browser does not support SVG</object>

您的浏览器不支持SVG

它将解析为纯HTML，但仅在Chrome中

此问题的解决方法是什么？

解决方案。 从

我们希望Angular能够绑定到这一点，但当我们检查控制台时，会看到类似于Error:Invalid value for attribute cx=“{cx}}”的内容。由于SVG DOM API的限制，您不能简单地编写cx=“{cx}”。 使用ng attr cx，您可以解决此问题

如果具有绑定的属性以ngAttr前缀（非规范化为ng attr-）作为前缀，则在绑定期间将应用于相应的未固定属性。这允许您绑定到浏览器急切需要处理的属性（例如SVG元素的圆圈[cx]属性）

就这么简单