Question

我刚刚从服务器返回了json格式的users对象。此users对象由多个用户组成，每个用户都具有类似的属性 first_name， last_name， phone email和 role。

现在我想使用angularjs在我的html页面上显示这个对象。但我希望根据用户role属性对用户进行分组，以便该页面上的每个表格都包含不同类型的用户（例如管理员，所有者等）。

我已经尝试过了：

<div ng-repeat="user in users">
    <div ng-if="user.role == admin">
        // list all admins here
    </div>
    <div ng-if="user.role == owners">
        // list all owners here
    </div>
</div>

但页面上没有任何内容。顺便说一句，我是angularjs的新手。谢谢你的帮助。

Answer 1

 <body data-ng-controller="MainCtrl">
   <div ng-repeat="user in users">
    <div ng-if="user.role === 'admin'">
        {{user.name}}
    </div>
    <div ng-if="user.role === 'owners'">
         {{user.name}}
    </div>
</div>

<强> DEMO

Answer 2

使用过滤器可能是一种更“有棱角”的方式。

    <div ng-repeat="user in users | filter:{role:'admin'}">
       {{user.name}}
    </div>

This是@ Sajeetharan解决方案的一个分支。

使用angularjs在组上显示json对象

2 个答案: