流星角度重复在一个集合有一个共同的键值

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-重复，以产生一个视图，有点看起来像这样：

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

但产生这个电子rror：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