javascript - Angular : ng-repeat and <object> tag

标签 javascript angularjs svg

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

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

关于javascript - Angular : ng-repeat and <object> tag,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27753561/

相关文章:

javascript - 带有文本标签 : How do I keep the hover color even when over text label? 的按钮

javascript - AngularJS 服务器端分页排序 - 动态值

css - Internet Explorer 11 无法识别 attr.xlink :href

python - 在 numpy (pandas) 中合并时间上彼此接近的事件

reactjs - svg <path/> 上的引用没有 "getTotalLength()"-方法

javascript - 使用 CSS 隐藏/显示 block

javascript - 从对象中获取字段并将其返回到数组中

javascript - 在 iOS 应用程序中获取 javascript 变量的值

javascript - Angular UIBootstrap 弹出错误

javascript - 在本地存储中查找项目值