Javascript 引导列大小取决于ng重复项

Javascript 引导列大小取决于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

我正在尝试用ng重复图像填充我的站点。我想做一些类似的事情,如果图像中只有一个图像,它将得到一整行(col-xs-12),如果有两个图像,它们将加载为col-xs-6,最多6个图像(每个图像col-xs-2)

甚至可以这样玩吗?我想把它们列为ul>li>img+description


干杯

是的,实际上可以使用


您所能做的是调用一个函数,该函数包含您获得的图像数量,将返回相应的
引导类

,您可以这样编写

  <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的例子会很好。非常感谢你!