Angular：ng-repeat 和 <object> 标签

【问题标题】：Angular: ng-repeat and <object> tagAngular：ng-repeat 和 <object> 标签
【发布时间】：2015-01-03 18:18:11
【问题描述】：

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

【问题讨论】：

标签： javascript angularjs svg

【解决方案1】：

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

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

【讨论】：

感谢您的建议，但它不会改变任何东西。仍然无法正确加载所有图标。
添加更多细节：它现在不会加载 4 张图像并在控制台中为每个图像打印“资源解释为图像但使用 MIME 类型 text/xml 传输”
我清除了浏览器缓存，现在可以正常工作了。感谢您的帮助。