在使用angularjs的组上显示json对象

我刚刚从服务器返回了一个json格式的users对象。此users对象由多个用户中的每一个都具有属性等 first_name， last_name， phone email和 role。在使用angularjs的组上显示json对象

现在我想在我的html页面上使用angularjs显示这个对象。但我想组用户根据自己的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很陌生。谢谢你的帮助。

来源

2016-11-14 Awa Melvine

'ng-if =“user.role =='admin'”'缺少单引号 – taguenizy

非常感谢@taguenizy。 –

使用过滤器是有可能做的更 “angularish” 的方式。

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

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

来源

2016-11-14 16:24:13 fcicer

<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

来源

2016-11-14 15:18:22 Sajeetharan

在使用angularjs的组上显示json对象

回答

相关问题