2015-05-12 79 views
1

我通過訪問store.users.length多重過濾計數與角

讓用戶的列表中爲每個我店[ model.stores.users]在JSON對象,目前顯示出對每家商店的用戶數

現在我想要兩個額外的計數,這些計數只是基於具有簡單布爾過濾器的用戶數量。

  • 活躍用戶的計數是其中user.is_user_active =真
  • 計數掛起的用戶是其中user.is_user_active =假

Psuedo Code

<div class="table-responsive"> 
    <table class="table table-hover"> 
     <thead> 
      <tr> 
       <th class="hidden">ID</th> 
       <th>Name</th> 
       <th>Users</th> 
      </tr> 
     </thead> 
     <tbody class="tbl-jobs-data" ng-repeat="item in model.stores"> 
      <tr data-toggle="collapse" class="accordion-toggle" data-target="#store_user{{$index}}"> 
       <td class="hidden">{{item.id}}</td> 
       <td class="">{{item.name}}</td> 
       <td class="user-count">{{item.users.length}}</td> 
      </tr> 
      <tr ng-if="item.users.length > 0"> 
       <td colspan="100" class="hiddenRow"> 
        <div class="accordian-body collapse" id="store_user{{$index}}"> 
         <table class="table"> 
          <thead> 
           <tr> 
            <th>ID</th> 
            <th>Name</th> 
            <th>State</th> 
            <th>Is Active</th> 
            <th>Last Login</th> 
           </tr> 
          </thead> 
          <tbody class="tbl-search-data"> 
           <tr ng-repeat="app in item.users"> 
            <td>{{app.id}}</td> 
            <td>{{app.name}}</td> 
            <td>{{app.state}}</td> 
            <td>{{app.is_user_active}}</td> 
            <td>{{app.last_login}}</td> 
           </tr> 
          </tbody> 
         </table> 
        </div> 
       </td> 
      </tr> 
     </tbody> 
    </table> 
</div> 

Sample Output

回答

1

只需使用filter,如

<td class="active_user_count"> 
    {{ (item.users | filter : { is_user_active: true }).length }} 
</td> 
<td class="pending_user_count"> 
    {{ (item.users | filter : { is_user_active: false }).length }} 
</td> 

我希望我已經得到了語法正確,角文檔是向下的那一刻> :(

+0

優秀菲爾的快速反應感謝 –