显示多个过滤器的AngularJS ng-repeat过滤器长度答案

【问题标题】：Display AngularJS ng-repeat filter length for multiple filters显示多个过滤器的AngularJS ng-repeat过滤器长度
【发布时间】：2017-09-04 15:45:45
【问题描述】：

我有一个带有多个过滤器的 ng-repeat，如下所示：

Active Items Found: {{totalActiveItems}}
<div ng-repeat="item in items | filter:searchFilter | filter:{active:true}">
    {{item.title}}
</div>

我正在尝试将 ng-repeat 之外的总数存储在 totalActiveItems 变量中。

我看到了这个答案：How to display length of filtered ng-repeat data

但它似乎没有显示如何为多个过滤器做到这一点。

【问题讨论】：

标签： javascript angularjs

【解决方案1】：

将数据存储在视图中的临时变量中，并使用表达式显示长度。

Active Items length: {{totalItems.length}}
<div ng-repeat="item in totalItems=(items | filter:searchFilter | filter:{active:true})">
    {{item.title}}
</div>

【讨论】：

【解决方案2】：

即使您使用多个过滤器，对产生过滤器的数组也可以正常工作：

Active Items Found: {{items.length}}
<div ng-repeat="item in items | filter:searchFilter | filter:{active:true} as filtered">
    {{item.title}}
</div>
Items found after filtering : {{filtered.length}}

【讨论】：