Angular JS使用ng-repeat进入3，然后创建一个新行

Question

我正在尝试使用ng-repeat创建一个表，每行3个项目，然后在之后创建一个新行等。

我正在使用div span3，但它没有包裹我的引导徽章。

任何帮助都会很棒。

由于

Answer 1

使用范围过滤器，您可以执行嵌套重复 - 内部计数您行中的3个项目，外部计算您的行（即三个组）：

<div class="row" ng-repeat="n in [] | range:(data.length/3)+1">
    <span ng-repeat='item in data.slice($index*3,($index*3+3))'>
        {{item}}
    </span>
</div>

和associated range filter返回一个从0到指定参数的数组：

app.filter('range', function () {
  return function (input, total) {
    total = parseInt(total);
    for (var i = 0; i < total; i++) {
        input.push(i);
    }
    return input;
};