嵌套 ng-repeat 生成的项目比预期的多得多

Question

主要思想：

我想将引导网格系统与角度 ng-repeat 结合起来

方法：

我使用过滤器重新格式化 json 数据（一个包含很多对象的数组），比如 codepen 项目：

http://codepen.io/maggiben/pen/sfCnq ``` 过滤器（'listToMatrix'，函数（）{ 返回函数 listToMatrix(list, elementsPerSubArray) {

    var matrix = [], i, k;
    console.log("hellowrld")
    for (i = 0, k = -1; i < list.length; i++) {
        if (i % elementsPerSubArray === 0) {
            k++;
            matrix[k] = [];
        }

        matrix[k].push(list[i]);
    }

    return matrix;
};

});

这是我的玉页面代码：

我的控制器代码：获取消息。

问题是我在页面上有更多的项目：

Answer 1

这个错误意味着 Angular 无法完成一个摘要循环。它的原因来自您的过滤器：每次 angular 将过滤器应用于您的列表时，都会创建一个新矩阵，因此 angular 将继续调用过滤器，直到它返回的内容与前一次迭代相同（这永远不会发生）。

要修复它，您可以使用ng-repeat ... track by items.someProperty 跟踪矩阵的项目，因此在两次连续调用您的过滤器后，angular 将检测到此someProperty 没有更改并完成循环。

解决此问题的另一种方法是为给定列表缓存过滤器的结果，因此下次 Angular 使用相同列表访问过滤器时，您将返回指向同一矩阵的指针。

更多讲座可以参考这个问题（同题）：Angular filter works but causes "10 $digest iterations reached"