Angular:ng-repeat 和 <object> 标签

Angular: ng-repeat and <object> tag

我有一组图标要使用 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>

您可以尝试使用 svgicons 作为 img-tags

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