流星角度重複在一個集合有一個共同的鍵值

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