Javascript 引导列大小取决于ng重复项
我正在尝试用ng重复图像填充我的站点。我想做一些类似的事情,如果图像中只有一个图像,它将得到一整行(col-xs-12),如果有两个图像,它们将加载为col-xs-6,最多6个图像(每个图像col-xs-2) 甚至可以这样玩吗?我想把它们列为ul>li>img+descriptionJavascript 引导列大小取决于ng重复项,javascript,angularjs,twitter-bootstrap,ng-repeat,dynamic-columns,Javascript,Angularjs,Twitter Bootstrap,Ng Repeat,Dynamic Columns,我正在尝试用ng重复图像填充我的站点。我想做一些类似的事情,如果图像中只有一个图像,它将得到一整行(col-xs-12),如果有两个图像,它们将加载为col-xs-6,最多6个图像(每个图像col-xs-2) 甚至可以这样玩吗?我想把它们列为ul>li>img+description 干杯 是的,实际上可以使用 您所能做的是调用一个函数,该函数包含您获得的图像数量,将返回相应的引导类,您可以这样编写 <ul> <li ng-repeat="image in i
干杯 是的,实际上可以使用
您所能做的是调用一个函数,该函数包含您获得的图像数量,将返回相应的
引导类
,您可以这样编写
<ul>
<li ng-repeat="image in images" ng-class="{'col-xs-12':images.length== 1 , }">
</li>
</ul>
-
您也可以这样做:
<ul>
<li ng-repeat="image in images" class="col-xs-{{Math.floor(12 / images.length)}}">
</li>
</ul>
-
这样,列的宽度将自动设置。问题是如果你有超过12张图片,宽度将是0。好的,看起来你和hadiJZ的例子会很好。非常感谢你!