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