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

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

在 Angular 应用程序中，数据通常使用 ng-repeat 指令来显示，该指令会迭代在数组或集合上。但是，当根据用户输入过滤数据时，有必要更新显示的项目数。

当将 ng-repeat 与过滤器一起使用时，data.length 属性将继续表示整个数据集，无论是否应用任何过滤器。要获取过滤项目的计数，需要使用替代方法。

对于 Angular 1.3

Angular 1.3 引入了别名表达式，允许为过滤后的数据集分配别名。通过使用此别名，您可以访问过滤数据的长度，如下所示：

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

对于 1.3 之前的 Angular

在 Angular 的早期版本中，有一种解决方法是将过滤后的数据分配给一个新变量，然后使用该变量display:

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

通过实现这些技术，您可以在 Angular 应用程序中动态显示过滤项目的计数，确保为用户提供有关可见数据的准确信息。

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