角度:ng-重复和<对象>标签

Angular: ng-repeat and <object> tag

本文关键字：标签 对象 ng- 角度      更新时间：2023-09-26

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

您可以尝试将 svgicon 用作 img 标签

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