組中的Ng重複| AngularJS

Question

我有數據，這樣的事情（它來自羣，後端）：

$scope.games = [ 
    {"categories":["1"],"id":"id1"}, 
    {"categories":["1"],"id":"id2"}, 
    {"categories":["1"],"id":"id3"}, 
    {"categories":["1"],"id":"id4"}, 
    {"categories":["2"],"id":"id5"}, 
    {"categories":["2"],"id":"id6"}, 
    {"categories":["2"],"id":"id7"}, 
    {"categories":["3"],"id":"id8"}, 
    {"categories":["3"],"id":"id9"} 
    {"categories":["4"],"id":"id10"} 
]; 

所以，現在在沒有任何類別分組的內容及其可見，像

id1 id2 id3 id4 id5 id6 id7 id8 id9 id10 

但我需要這樣做：

Category '1' 
id1 id2 id3 id4 

Category '2' 
id5 id6 id7 

Category '3' 
id8 id9 

Category '4' 
id10 

HTML源代碼：

<ul> 
    <li ng-repeat="game in games by game.id"> 
    ...    
    </li> 
</ul> 

任何想法如何？ 在此先感謝！

Answer 1

爲什麼不讓日期結構化？
對於（最簡單的）例子：

$scope.games = { 
    "1": ["id1", "id2", "id3", "id4"], 
    "2": ["id5", "id6", "id7"] 
} 

...等等。

Answer 2

試試這個。

<ul> 
    <li ng-repeat="(categories, catGames) in (games | groupBy: 
     'categories')"> 
    {{categories}} 
    <ul> 
     <li ng-repeat="game in catGames"> 
     {{game.id}} 
     </li> 
    </ul> 
    </li>