【发布时间】：2013-12-17 16:45:26
【问题描述】：
我有一组通过 Angular 范围从服务器带回的图像，我想为每个 div 包装器设置一个唯一的类名。 css 需要响应以及 background-image 根据页面布局发生变化。例如，如果页面宽度低于 768 像素，则背景图像使用较小的图像尺寸 (ImageMediumUrl)，否则它将使用较大的尺寸 (ImageUrl)。 p>
我构建html的代码如下：
<div class="item" data-ng-repeat="image in carousel_images">
<img border="0" src="/Content/img/blank.gif" ng-style="{'background-image':'url({{image.ImageUrl}})'}" />
</div>
目前，从上面的代码可以看出，背景图像设置为大尺寸。
如何为每个 div 包装器动态创建一组响应式类名（Angular 中的媒体查询？）？
【问题讨论】：
-
您可以循环遍历根据页面宽度更改数组的函数的结果，而不是直接循环遍历
carousel_images。 -
@m.e.conroy 我可以这样做，但是当页面的宽度随后发生变化时，它不会根据新的宽度大小改变图像大小。我必须添加一个 javascript 事件侦听器方法来检测任何页面宽度变化。