Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Memaparkan Panjang Data Ditapis dalam Arahan `ng-repeat` Angular?

Bagaimana untuk Memaparkan Panjang Data Ditapis dalam Arahan `ng-repeat` Angular?

Patricia Arquette
Patricia Arquetteasal
2024-11-09 20:09:02546semak imbas

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

Memaparkan Panjang Data ng-ulang Ditapis

Memandangkan anda mempunyai arahan ng-ulang yang memaparkan data yang ditapis oleh input pengguna, anda mahu bilangan orang yang dipaparkan untuk menggambarkan hasil yang ditapis.

Dalam Angular 1.3 , anda boleh menggunakan ungkapan alias untuk mencapai ini:

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

Alyas "ditapis" mewakili tatasusunan yang ditapis, yang kemudiannya boleh anda gunakan untuk memaparkan kiraan:

Showing {{filtered.length}} Persons

Sebelum Angular 1.3, anda boleh menetapkan hasil yang ditapis kepada pembolehubah baharu dan mengaksesnya:

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

Dengan cara ini, pembolehubah "ditapis" akan mengandungi hasil yang ditapis dan kiraan akan memaparkan dengan tepat bilangan orang yang ditapis.

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

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn