angularjs - ng-srcset 图像最初不间歇性地在 IE11 中显示

标签 angularjs internet-explorer-11 srcset picturefill

页面仅在 IE11 上加载时没有显示任何图像,但当我们间歇性地调整浏览器大小时(1/3 加载)会相应地刷新它们。我们不能用任何其他浏览器复制它。 srcset 本身可以很好地处理静态内容。

Here is a Plunker example 它在 IE11 中不起作用。

或者快速简单,我们正在使用的实际 img html:

<img data-ng-srcset="{{::image.url}}, {{::image.url2x}}" alt="{{::image.name}}"/>

图像或周围的 div 应用任何过渡、阴影或不透明度。

html 渲染良好, Angular 传递并正确重写 srcset 属性。图片只是不出现,只有 alt 标签。想知道这是否可能是由于它的间歇性导致的调用堆栈问题,也许是在 Angular 完成摘要之前加载 Picturefill 的竞争条件。

提前干杯!

最佳答案

如果您在循环中使用 PictureFill 并且在特定情况下(不是在您的应用程序的所有图像上),一个解决方法是调用一个函数,在最后一个项目加载后直接从 HTML 启动 PictureFill(这不是最佳实践,但解决了 IE11 问题) :

<picture><!-- Your image --></picture>
<span ng-if="$last">
    {{ controllerAlias.launchPictureFill() }}
</span>

关于angularjs - ng-srcset 图像最初不间歇性地在 IE11 中显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33206399/

相关文章:

javascript - AngularJS ES6 语法中过滤器的未知提供程序错误

html - 具有浮点验证的 AngularJS 可编辑数字字段

html - 溢出属性在 IE 11 中不起作用

html - Srcset 渲染图像大小错误

mysql - 如何让 BreezeJS 使用 Angular + Node 与 MySQL DB 对话?

javascript - Angular JS - 嵌套模板(双大括号 {{}} )

javascript - 脚本438 : Object doesn't support property or method 'addObject'

javascript - 在 Edge 和 IE 中通过 JavaScript 设置输出元素的值

html - 为什么我的任何srcset属性都不起作用?跨浏览器的结果也不一致

css - 最大宽度 : 100% not working on images with srcset