AngularJS Error：[$ interpolate：noconcat] with SVG

Question

初心者から外人（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スプライトを決定します。

しかし角度は私に与えます「エラー：[$の補間：noconcat]」、XSSに対するセキュリティ保護であることは言う：https://docs.angularjs.org/error/ $は補間/ noconcat

これを回避する方法上の任意の考え、および/またはより良いをアプローチ？ありがとう！

Answer 1

この問題もありましたが、これはng-hrefをxlink:hrefの内容で追加して修正し、xlink:hrefは空のままにしました。この問題に関するmathewbyrneの回避策を経て：https://github.com/angular/angular.js/issues/7697

ので、試してみてください。

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