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

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

Patricia Arquette
發布: 2024-11-09 20:09:02
原創
607 人瀏覽過

How to Display the Length of Filtered Data in Angular's `ng-repeat` Directive?

顯示過濾後的ng-repeat 資料的長度

當您有一個ng-repeat 指令顯示按使用者輸入過濾的資料時,您希望顯示人數以反映篩選結果。

Angular 中1.3 ,您可以使用別名表達式來實現:

<div ng-repeat="person in data | filter:query as filtered">
</div>
登入後複製

「filtered」別名表示過濾後的數組,然後您可以使用它來顯示計數:

Showing {{filtered.length}} Persons
登入後複製
登入後複製

在Angular 1.3 之前,您可以將過濾結果分配給新變數並存取it:

<div ng-repeat="person in filtered = (data | filter: query)">
</div>
登入後複製
Showing {{filtered.length}} Persons
登入後複製
登入後複製

這樣,「filtered」變數就會包含過濾後的結果,而count會準確顯示過濾後的人數。

以上是如何在 Angular 的 ng-repeat 指令中顯示過濾資料的長度?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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