组中的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>