Javascript AngularJS错误：[$interpolate:noconcat]与SVG

新手到角型（1.6.1）。尝试这样做：

<li ng-repeat='thing in list'>
<svg class="icon" aria-hidden="true"><use xlink:href="#icon-{{ thing.icon }}"></use></svg>
</li>

基本上，我想根据“thing.icon”的值来确定使用哪个SVG精灵

但是Angular给了我“Error:[$interpolate:noconcat]”，它说这是针对XSS的安全保护：$interpolate/noconcat

---

有没有关于如何避免这种情况和/或更好的方法的想法？谢谢

我也有这个问题，通过添加内容为

xlink:href

的

ng href

来解决，同时将

xlink:href

保留为空。通过mathewbyrne在该问题上的解决方案：

因此，请尝试：

<li ng-repeat='thing in list'>
<svg class="icon" aria-hidden="true"><use ng-href="#icon-{{ thing.icon }}" xlink:href=""></use></svg>
</li>