我有一个Angular.js应用程序,其中包含动态背景图像(应具有其URL的数据绑定)。我还想使用CSS媒体查询来检测方向/像素密度等。
我找到的唯一解决方案是使用JavaScript为背景图像添加URL,就像这样:
myDiv.css({'background' : 'url('+ scope.objectData.poster +') no-repeat', 'background-size':'auto 100%'});
这样我就必须将所有的媒体查询逻辑传递到javascript中,类似于这样。(我的意图是能够为每个屏幕分辨率、像素密度和方向提供不同的背景图片)
我正在寻找一种更清晰的解决方案,以使用CSS媒体查询,并仍然能够绑定我的图像源。
谢谢!
Yaniv
ng-style="'background-image','url('+card.thumb+')'"
但失败了,不知道为什么。或许它只支持{'a':'b'}
这种语法。 - Aero Wang{'css属性键':css值}
对象的表达式。 - SStanley