I have an ng-repeat with multiple filters like below:
Active Items Found: {{totalActiveItems}}
<div ng-repeat="item in items | filter:searchFilter | filter:{active:true}">
{{item.title}}
</div>
I'm trying to store the total count outside of the ng-repeat in the totalActiveItems variable.
I saw this answer: How to display length of filtered ng-repeat data
But it doesn't seem to show how to do it for multiple filters.
Store the data in a temporary variable in view and display the length using an expression .
Active Items length: {{totalItems.length}}
<div ng-repeat="item in totalItems=(items | filter:searchFilter | filter:{active:true})">
{{item.title}}
</div>
Aliasing the array resulting in the filter works fine even if you're using multiple filters :
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}}
