在使用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對象

回答

相關問題