如何在 AngularJS 的 ng-repeat 中统计过滤后的数据？

对过滤后的 ng-repeat 数据进行计数

使用 AngularJS 的 ng-repeat 指令来显示数据时，了解如何准确计数是至关重要的过滤结果的数量。

考虑以下内容场景：

var data = [
  {
    "name": "Jim",
    "age": 25
  },
  {
    "name": "Jerry",
    "age": 27
  }
];

要显示用户查询过滤的数据，可以使用以下代码：

<div ng-repeat="person in data | filter: query"></div>

但是，显示元素的默认计数（{{data. length}}) 将始终反映原始数组中的项目总数，无论应用什么过滤器。要获得过滤结果的准确计数，有以下几种选项：

Angular 1.3

• 使用别名表达式：

<div ng-repeat="person in data | filter: query as filtered"></div>

角度先于1.3

• 将过滤结果分配给新变量：

<div ng-repeat="person in filtered = (data | filter: query)"></div>

过滤后的计数可以显示为：

Showing {{filtered.length}} Persons

以上是如何在 AngularJS 的 ng-repeat 中统计过滤后的数据？的详细内容。更多信息请关注PHP中文网其他相关文章！