如何在 Angular ng-repeat 中显示过滤后的数据计数？

在 Angular ng-repeat 中显示过滤后的数据计数

当使用 ng-repeat 在 Angular 中显示过滤后的数据时，可能很难准确显示过滤项目的数量。最初，您有一个包含多个对象的数据数组，并根据用户输入查询过滤数据。但是，无论使用什么过滤器，显示的人数都保持不变。

为了解决此问题并显示过滤数据的数量，Angular 提供了两种方法：

方法 1 (Angular 1.3 ): 别名表达式

对于 Angular 1.3 及以上版本，您可以使用别名表达式创建引用过滤数据的新变量。此别名表达式允许您直接访问过滤项的长度：

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

方法 2 (Angular Pre-1.3)：变量赋值

在早期版本中Angular 中，您可以将过滤后的 ng-repeat 的结果分配给一个新变量，例如so:

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

然后，您可以显示过滤项目的计数：

Showing {{filtered.length}} Persons

通过使用任一方法，您都可以在用户过滤项目时动态更新显示的人员数量数据，提供过滤结果的更准确表示。

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