首页 >web前端 >js教程 >如何在 Angular 的 ng-repeat 指令中显示过滤数据的长度?

如何在 Angular 的 ng-repeat 指令中显示过滤数据的长度?

Patricia Arquette
Patricia Arquette原创
2024-11-09 20:09:02617浏览

How to Display the Length of Filtered Data in Angular's `ng-repeat` Directive?

显示过滤后的 ng-repeat 数据的长度

当您有一个 ng-repeat 指令显示按用户输入过滤的数据时,您希望显示人数以反映过滤结果。

Angular 中1.3 ,您可以使用别名表达式来实现:

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

“filtered”别名表示过滤后的数组,然后您可以使用它来显示计数:

Showing {{filtered.length}} Persons

在 Angular 1.3 之前,您可以将过滤结果分配给新变量并访问it:

<div ng-repeat="person in filtered = (data | filter: query)">
</div>
Showing {{filtered.length}} Persons

这样,“filtered”变量就会包含过滤后的结果,而count会准确显示过滤后的人数。

以上是如何在 Angular 的 ng-repeat 指令中显示过滤数据的长度?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn