如何按AngularJS中的索引进行分组?

时间:2014-04-25 15:06:53

标签: angularjs

我的护照实施中有用户数据,我会在管理面板中显示它们。

$scope.users = [

{
    "id": "1", 
    "local": [
        {"email": "test1@email.de"},
        {"name": "Holger"}
    ]
},
{
    "id": "2",
    "local": [
        {"email": "test2@email.de"},
        {"name": "Robert"}
    ]
},
{
    "id": "3",
    "facebook": [
        {"email": "test3@email.de"},
        {"name": "Robert"}
    ]
}
]

如何根据索引对数据进行分组/排序?

例如:

local
1 Holger test1@email.de
2 Robert test2@email.de

facebook
3 Robert test3@email.de

如何在本地或facebook中列出不包含索引的数组。

http://jsfiddle.net/D9MAB/2/

1 个答案:

答案 0 :(得分:2)

编辑(添加了姓名和电子邮件的显示):

http://jsfiddle.net/D9MAB/4/

<body ng-app="app" ng-controller="projects"> 
Local
<table>
    <tr ng-repeat="(index, user) in users | filter:{local:''}">
        <td>{{user.id}}</td>
        <td ng-repeat="(index, detail) in user.local">{{detail.name}}</td>
        <td ng-repeat="(index, detail) in user.local">{{detail.email}}</td>
    </tr>
</table>
Facebook
<table>
    <tr ng-repeat="(index, user) in users | filter:{facebook:''}">
        <td>{{user.id}}</td>
        <td ng-repeat="(index, detail) in user.facebook">{{detail.name}}</td>
        <td ng-repeat="(index, detail) in user.facebook">{{detail.email}}</td>
    </tr>    
</table>