如何解析 $rootScope:infdig

how to resolve $rootScope:infdig

示例应用程序位于:http://jsfiddle.net/qvkyrg7k/8/,为什么我得到 $rootScope:infdig?

基本上,我尝试获取一组项目,按搜索词过滤,然后根据 属性 进行分组,这样我就可以像树一样显示。

有问题的行是

 <tr ng-repeat-start="(family, members) in data | filter:search | groupByFamily">

原因和轨迹见https://github.com/angular/angular.js/issues/10738。基本上,ngRepeat 使用 $watchCollection 监视管道的结果。由于 groupByFamily 每次 运行 时都会创建新数组,angular 认为整个模型已更改并触发重新渲染,然后再次使 groupByFamily 运行 等