Angular JS的動態和響應式類名

Question

我有一組通過Angular范圍從服務器返回的圖像，我想為每個div包裝器設置一個唯一的類名。 在背景圖像根據頁面布局而變化的地方，css也需要響應。 例如，如果頁面寬度小於768px，則背景圖像使用較小的圖像大小（ ImageMediumUrl ），否則將使用較大的圖像大小（ ImageUrl ）。

我用於構造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中的媒體查詢？）？

Answer 1

也許您需要創建一個指令來檢測窗口的大小，然后根據當前的大小/窗口狀態重新構建標記。

這是一個指令的示例，該指令執行此操作並在bound屬性上設置“顯示模式”。

http://www.dnasir.com/2013/10/09/display-mode-detection-for-sensitive-websites-using-angularjs/