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