我正在使用SVG在Angular中进行一些测试，并且我遇到了一些只出现在Chrome中的有趣问题。
如果我试试这个：
<object height="30" width="30" type="image/svg+xml" data="test/svg/{{icon}}.svg">Your browser does not support SVG</object>
它会将其解析为纯HTML，但仅限于Chrome。
此问题的解决方法是什么？
答案 0 :(得分：0)
解。 来自AngularJS Developer Guide，
我们希望Angular能够绑定到此，但是当我们检查控制台时，我们会看到类似错误：属性cx =“{{cx}}”的值无效。由于SVG DOM API的限制，您不能简单地编写cx =“{{cx}}”。 使用ng-attr-cx，您可以解决此问题。
如果带有绑定的属性以ngAttr前缀为前缀（非规范化为ng-attr-），则绑定期间将应用于相应的无前缀属性。这允许您绑定到浏览器急切处理的属性（例如SVG元素的圆[cx]属性）。
这很简单。