Question

我试图用ng-repeat图像填充我的网站。我想制作类似图像中只有一个图像的东西，它会得到1个完整的行（col-xs-12），如果有2个图像，它们将作为col-xs加载-6，最多6张图像（每张图像col-xs-2）。

甚至可以这样玩吗？我想将它们列为ul＆gt; li＆gt; img + description。

干杯！

Answer 1

是的，实际上可以使用ng-class directive of Angular。

您可以做的是调用一个函数，其中包含您将获得的图像数量将返回相应的Bootstrap class。

Answer 2

你可以这样写

  <ul>
       <li ng-repeat="image in images" ng-class="{'col-xs-12':images.length== 1 ,  }">
       </li>

  </ul>

Answer 3

你也可以这样做：

<ul>
     <li ng-repeat="image in images" class="col-xs-{{Math.floor(12 / images.length)}}">
     </li>
</ul>

这样，将自动设置列的宽度。问题是如果你有超过12张图像，宽度将为0。