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

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

DDD
发布: 2024-11-11 05:54:03
原创
557 人浏览过

How to Display Filtered Data Count in 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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板