Bagaimana untuk Mengira Data yang Ditapis dalam ng-repeat AngularJS?

Kira Data ng-ulang yang Ditapis

Apabila menggunakan arahan ng-ulang AngularJS untuk memaparkan data, adalah penting untuk memahami cara mengira dengan tepat bilangan hasil yang ditapis.

Pertimbangkan senario berikut:

var data = [
  {
    "name": "Jim",
    "age": 25
  },
  {
    "name": "Jerry",
    "age": 27
  }
];

Untuk memaparkan data yang ditapis oleh pertanyaan pengguna, kod berikut boleh digunakan:

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

Walau bagaimanapun, kiraan lalai bagi elemen yang dipaparkan ({{data.length}}) akan sentiasa mencerminkan jumlah bilangan item dalam tatasusunan asal, tanpa mengira penapis yang digunakan. Untuk mendapatkan kiraan tepat hasil yang ditapis, terdapat beberapa pilihan:

Sudut 1.3

• Gunakan ungkapan alias:

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

Sudut Sebelum 1.3

• Tetapkan hasil yang ditapis kepada pembolehubah baharu:

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

Kiraan yang ditapis kemudiannya boleh dipaparkan sebagai:

Showing {{filtered.length}} Persons

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