如何在 Angular ng-repeat 中顯示過濾後的資料計數？

在Angular ng-repeat 中顯示過濾後的資料計數

當使用ng-repeat 在Angular 中顯示過濾後的資料時，可能很難準確顯示過濾項目的數量。最初，您有一個包含多個物件的資料數組，並根據使用者輸入查詢過濾資料。但是，無論使用什麼過濾器，顯示的人數都保持不變。

為了解決此問題並顯示濾波資料的數量，Angular 提供了兩種方法：

方法1 (Angular 1.3 ): 別名表達式

對於Angular 1.3 及以上版本，您可以使用別名表達式建立引用過濾資料的新變數。此別名表達式可讓您直接存取過濾項的長度：

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

方法2 (Angular Pre-1.3)：變數賦值

在早期版本中Angular中，您可以將過濾後的ng-repeat的結果分配給一個新變量，例如so:

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

然後，您可以顯示過濾項目的計數：

Showing {{filtered.length}} Persons

透過使用任一方法，您都可以在用戶過濾項目時動態更新顯示的人員數量數據，提供過濾結果的更準確表示。

以上是如何在 Angular ng-repeat 中顯示過濾後的資料計數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！