javascript - AngularJS ng-repeat with separator every two items

Question

我要实现的布局是这样的:

<div>
    <div class="row">
        <div></div>
        <div></div>
    </div>
    <div class="row">
        <div></div>
        <div></div>
    </div>
    <div class="row">
        <div></div>
        <div></div>
    </div>
</div>

这样做可以得到 div，但如何在每两个项目之间添加分隔符？我觉得 Angular 应该有一种简单的方法来做到这一点。

<div>
    <div class="row">
        <div ng-repeat="object in objects"></div>
    </div>
</div>

Answer 1

我认为，您可以使用一些 javascript 和 ng-repeat 来解决它

<div>
    <div class="row" ng-repeat="array in obj2">
        <div ng-repeat="object in array">{{object}}</div>
    </div>
</div>

然后在你的 Angular Controller 中使用像这样的对象数组创建一个名为 obj2 的新对象

$scope.obj2 = [];
while ($scope.objects.length) {
    $scope.obj2.push($scope.objects.splice(0, 2))
}

演示:Fiddle