Question

我有一个我绑定到范围变量的集合，如下所示：

$scope.userzones = [{userid: '1',zone: 'a'},{userid: '2',zone: 'b'},{userid: '3',zone: 'c'},{userid: '4',zone: 'a'},{userid: '5',zone: 'a'},{userid: '6',zone: 'c'}]

我希望做一个嵌套的ng-repeat来产生一个看起来像这样的视图：

zone b userids:
2
--------------
zone a userids:
1
4
5
--------------
zone c userids:
3
6

我尝试过混搭这样的集合数组：https://codereview.stackexchange.com/questions/37028/grouping-elements-in-array-by-multiple-properties

但会产生此错误：10 $digest() iterations reached. Aborting!

我也试过ng-repeat="userzone in userzones | unique:'zone'" 但这并没有显示任何东西。

任何帮助将不胜感激！

感谢。

Answer 1

This error occurs when the application's model becomes unstable and each $digest cycle triggers a state change and subsequent $digest cycle. Angular detects this situation and prevents an infinite loop from causing the browser to become unresponsive.

您需要的是$scope._userzones = _.groupBy($scope.userzones, 'zone');

see the code

集合上的流星角重复，对具有公共键值的对象进行分组

1 个答案: