angular.js ng-repeat用于创建网格

Question

我正在尝试使用bootstrap 3和angularjs创建一个网格。

我要创建的网格就是这个，使用ng-repeat重复进行。

<div class="row">
 <div class="col-md-4">item</div>
 <div class="col-md-4">item</div>
 <div class="col-md-4">item</div>
</div>

我试着用ng-ifwith ($index % 3 == 0)添加行，但这似乎行不通。任何建议都会很棒！

谢谢！

编辑：这是我最终使用的代码：

<div ng-repeat="item in items">
  <div ng-class="row|($index % 3 == 0)">
    <ng-include class="col-sm-4" src="'views/items/item'"></ng-include> 
  </div>
</div>

Answer 1

这是一个老答案！

撰写本文时，我对Angular还是有点陌生​​。Shivam下面有一个更好的答案，我建议您改用它。它使表示逻辑不会进入您的控制器，这是非常好的事情。

原始答案

您始终可以将要重复的列表拆分为控制器中的列表列表（每个列表包含三项）。所以您列出的是：

$scope.split_items = [['item1', 'item2', 'item3'], ['item4', 'item5', 'item6']];

然后将其重复为：

<div ng-repeat="items in split_items" class="row">
    <div ng-repeat="item in items" class="col-md-4">
        item
    </div>
</div>

不知道是否有更好的方法。我也尝试过使用ng-if和ng-switch，但是我无法使其正常工作。