angularjs - 列表中的项目数过滤 AngularJS

Question

您如何获得 AngularJS 中过滤器预测返回的项目的长度/数量？

score 75 · Accepted Answer

感谢 Pawel Kozlowski，我设法在 AngularJS Google Group 上找到了一个很好的答案。

ng-repeat="item in filtered = (items | filter:filterExpr)"

将动态创建filtered列表，您可以使用filtered.length当前范围内的任何其他位置来显示计数。

score 6 · Accepted Answer

解决方案

试试这个：

HTML

<span ng-bind="nb"></span>

Javascript

$scope.nb = $filter('filter')(items, filterExpr).length;

在 HTML 模板绑定中

{{ filter_expression | filter : array : expression : comparator}}

在 JavaScript 中

$filter('filter')(array, expression, comparator)

score 4 · Accepted Answer

我还必须显示过滤数组的长度，这个对我有用：

{{ (items | filter:filterExpr).length }}

score 0 · Accepted Answer

事实上，这将与 display filter( orderBy, limitTo)一起使用

item in list = ( item_array|filter:some_str) | orderBy: pref | limitTo: nItemToDisplay

如果您需要一次显示 5 个项目，您仍然可以使用 list.length。用于分页或数据表。