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

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

DDD
發布: 2024-11-11 05:54:03
原創
557 人瀏覽過

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板