AngularJS ng重复中的条件下启动和关闭元素

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