如何在ng-repeat中显示过滤数据的长度？

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

在应用程序中维护正确的过滤数据计数对于向您提供准确的信息至关重要用户。下面是如何解决ng-repeat中获取过滤数据计数的问题：

理解问题

使用ng-repeat过滤数据时，原始长度显示数据数组的数量而不是过滤项目的计数。发生这种情况是因为 ng-repeat 对原始数组进行操作，而不是过滤后的数组。

使用别名表达式 (Angular 1.3 )

在 Angular 1.3 及更高版本中，别名表达式提供一个简单的解决方案。通过在 ng-repeat 指令中使用别名，您可以将过滤后的数组分配给新变量：

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

现在可以访问过滤后的数组的长度：

Showing {{filtered.length}} Persons

分配给新变量（Angular 1.3 之前的版本）

对于 1.3 之前的 Angular 版本，您可以将过滤后的数组分配给新变量：

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

这个变量可用于显示过滤后的数组的长度：

Showing {{filtered.length}} Persons

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