首頁 >web前端 >js教程 >如何在ng-repeat中顯示過濾資料的長度?

如何在ng-repeat中顯示過濾資料的長度?

Patricia Arquette
Patricia Arquette原創
2024-11-08 04:09:02904瀏覽

How to Display the Length of Filtered Data in 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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn