Bagaimana untuk Memaparkan Kiraan Data yang Ditapis dalam ng-repeat dalam Angular?

Memaparkan Panjang Data Ditapis dalam ng-repeat

Dalam aplikasi Angular, data sering dipaparkan menggunakan arahan ng-repeat, yang berulang atas tatasusunan atau koleksi. Walau bagaimanapun, apabila menapis data berdasarkan input pengguna, adalah perlu untuk mengemas kini kiraan item yang dipaparkan.

Apabila menggunakan ng-repeat dengan penapis, sifat data.length akan terus mewakili keseluruhan set data, tanpa mengira mana-mana penapis yang digunakan. Untuk mendapatkan kiraan item yang ditapis, pendekatan alternatif diperlukan.

Untuk Angular 1.3

Angular 1.3 memperkenalkan ungkapan alias, yang membenarkan pemberian alias kepada set data yang ditapis. Dengan menggunakan alias ini, anda boleh mengakses panjang data yang ditapis seperti yang ditunjukkan di bawah:

<div ng-repeat="person in data | filter:query as filtered">
</div>
<div>Showing {{filtered.length}} Persons</div>

Untuk Angular sebelum 1.3

Dalam versi Angular yang terdahulu, penyelesaian adalah untuk memperuntukkan data yang ditapis kepada pembolehubah baharu dan kemudian menggunakan pembolehubah itu untuk paparan:

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

Dengan melaksanakan teknik ini, anda boleh memaparkan kiraan item yang ditapis secara dinamik dalam aplikasi Angular anda, memastikan pengguna disediakan dengan maklumat yang tepat tentang data yang boleh dilihat.

Atas ialah kandungan terperinci Bagaimana untuk Memaparkan Kiraan Data yang Ditapis dalam ng-repeat dalam Angular?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!