Angular：ng-repeat和<object>标记</object>

Question

我有一组图标我想用ng-repeat加载显示。问题是生成svg标签并不适合大多数浏览器（有些图标没有在Chrome中呈现，Safari根本没有显示它们，在加载页面时Chrome中的滚动被阻止）。有更好的方法吗？

<div class="wrap" ng-repeat="icon in icons">
    <object type="image/svg+xml" data="img/icons/{{icon.iconImg}}.svg" class="icon">SVG NOT LOADED</object>
</div>

Answer 1

您可以尝试将svgicons用作img-tags

<div class="wrap" ng-repeat="icon in icons">
    <img ng-src="img/icons/{{icon.iconImg}}.svg" class="icon"> 
</div>