如何在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中文網其他相關文章！