javascript - 错误：达到 10 次 $digest() 迭代！中止！在使用 Angular.js 遍历数组切片期间

Question

JSbin：http: //jsbin.com/oxugef/1/edit

我试图将一个数组分割成更小的子数组并循环遍历它们以创建一个均匀划分的 div 表。如果我理解正确，我会在循环期间覆盖一些模型，这会导致意外的不一致。但我找不到在循环期间哪个模型被覆盖。

这是我想要实现的一个例子：

data = {"key1": [1,2,3,4,...] //val1 
        , ...}
divs:
    div.key1
       div1,div2,div3,div4,div5
       div6,div7,...

    div.key2
       div21,div22,div23,div24,div25
       div26,div27,...
    ...

它按预期排列 div，但“...Aborting”错误日志填满了开发控制台。

我在这里做错了什么，导致这个错误？

Answer 1

请看一下这个 stackoverfolow线程，你应该让你的过滤器返回相同的对象，因为如果在转发器期间对象被更改，它将导致 $digest 中的错误。

.filter("group", function () {
    return _.memoize(function (items, count) {
        var out = [],
            temp = [];
        for (var i = 0; i < items.length; i++) {
            temp.push(items[i]);
            if (temp.length == count) {
                out.push(temp);
                temp = [];
            }
        }
        if (temp.length) out.push(temp);
        return out;
    });
});

在这里试试jsbin