在AngularJS ng-repeat中按条件启动和关闭元素

Question

我有一个HTML结构，看起来像这样：

<div class="row">
<div class="md-4">1</div>
<div class="md-4">2</div>
<div class="md-4">3</div>
</div>
<div class="row">
<div class="md-4">4</div>
<div class="md-4">5</div>
<div class="md-4">6</div>
</div>
<div class="row">
<div class="md-4">7</div>
<div class="md-4">8</div>
<div class="md-4">9</div>
</div>

我有JS：

var abc = [1,2,3,4,5,6,7,8,9]

目前，根据我的结构，我不能直接运行ng-repeat，因为在我想要的每3条记录开始和结束之后

我想要类似的东西，比如

<div ng-repeat="val in abc" class="row" ng-if="$index%3==0">
<div>{{val}}</div>
</div>

但是上面的代码不起作用，我知道它的方法不正确，但我想要类似的东西

Answer 1

请尝试使用此代码：

<div ng-repeat="val in abc track by $index" class="row" ng-if="$index%3==0">
<div>{{val}}</div>
</div>

Answer 2

如果您以前使用过lodash

var arr = _.chunk(abc,3);
//makes your array like [[1,2,3],[4,5,6],[7,8,9]]

<div ng-repeat = "a in arr" class = "row">
  <div ng-repeat="b in a" class="md-4">{{b}}</div>
</div>

您可以查找lodash here