我有一个Angular.js网站,我正在建立以响应.我想为不同的浏览器宽度使用单独的分辨率图像.所以,我偶然发现了Picturefill.js,这似乎完美无缺.

唯一的问题是picturefill.js只在加载DOM后才能工作.我正在使用Angular模板和特定页面的部分HTML页面,因此除非我调整浏览器窗口大小,否则我的图像不会加载.

这是关于picturefill的github页面的一个着名问题(第35号),但他们似乎认为这不是什么大问题,并将其关闭.那里有一个关于如何延迟加载图片填充工作的建议,但我担心它会超出我的想象.

这是source code for picturefill.js的链接.如果需要,我可以包含我的代码,但它似乎更多的是库的问题以及如何使用它比其他任何东西.

更新：对于其他任何想要解决这个问题的人,我发现了一个包含响应式图像的AngularJS directive.这是非常新的,我无法使其发挥作用,但似乎有希望.

第二次更新：该指令确实存在错误,但此后已修复.它现在可以在我的AngularJS网站上正常运行.如果您在项目中使用动态路由,则此指令不起作用.所以,在我的情况下,我有一个动态路由app /：objectID,每页拉一个JSON对象(每个页面都有一个url,如app / 1,app / 2,对象1和对象2).由于该路线从未真正改变,我认为该指令未能改变.

我的黑客,我不明白？在第97行将等待= true更改为waiting = false.我找不到任何缺点/副作用,并且它使指令适用于我的用例.