Bagaimana untuk Memaparkan Panjang Data yang Ditapis dalam ng-repeat?

Memaparkan Panjang Data ng-ulang Ditapis

Mengekalkan kiraan data yang ditapis yang betul dalam aplikasi anda boleh menjadi penting untuk memberikan maklumat yang tepat kepada anda pengguna. Begini cara untuk menyelesaikan isu mendapatkan kiraan data yang ditapis dalam ng-repeat:

Memahami Isu

Apabila menapis data menggunakan ng-repeat, panjang asal daripada tatasusunan data dipaparkan dan bukannya kiraan item yang ditapis. Ini berlaku kerana ng-repeat beroperasi pada tatasusunan asal, bukan tatasusunan yang ditapis.

Menggunakan Ungkapan Alias ​​(Angular 1.3 )

Dalam Sudut 1.3 dan ke atas, ungkapan alias menawarkan penyelesaian yang mudah. Dengan menggunakan alias dalam arahan ng-repeat, anda boleh menetapkan tatasusunan yang ditapis kepada pembolehubah baharu:

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

Mengakses panjang tatasusunan yang ditapis kini boleh dilakukan:

Showing {{filtered.length}} Persons

Menetapkan kepada Pembolehubah Baharu (Sudut Sebelum 1.3)

Untuk Sudut versi sebelum 1.3, anda boleh menetapkan tatasusunan ditapis kepada pembolehubah baharu:

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

Pembolehubah ini boleh digunakan untuk memaparkan panjang tatasusunan yang ditapis:

Showing {{filtered.length}} Persons

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