angularjsを使用してグループにjsonオブジェクトを表示

json形式のusersオブジェクトがサーバーから返されました。このusersオブジェクトは、 first_name、 last_nameように、複数のユーザの phoneemailと roleをそれぞれが有する属性で構成されています。angularjsを使用してグループにjsonオブジェクトを表示

ここでは、anglejsを使用して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に新しいです。助けてくれてありがとう。フィルタを使用して

出典

2016-11-14 Awa Melvine

'ng-if =" user.role == 'admin' "'一重引用符がありません – 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オブジェクトを表示

答えて

関連する問題