错误：达到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但“...中止”错误日志填满发展控制台。

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

Answer 1

请看看这个stackoverfolow thread，你应该让你的过滤器返回相同的确切对象，因为如果在中继器期间对象被改变，它将导致$摘要中的错误。

.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