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

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

Patricia Arquette
发布: 2024-11-09 20:09:02
原创
606 人浏览过

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中文网其他相关文章!

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