具有角度

Question

我有一个JSON对象中每个商店[ model.stores.users ]的用户列表，目前通过访问store.users.length显示每个商店的用户数

现在我想要两个额外的计数，这些计数仅基于具有简单布尔过滤器的用户数量。

• 活跃用户数是 user.is_user_active = true
的位置
• 待定用户数是 user.is_user_active = false

<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>

Answer 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>

_{我希望我的语法正确，Angular文档目前正在关闭＆gt; :(}