如何在 AngularJS 的 ng-repeat 中統計過濾後的資料？

對過濾後的ng-repeat 資料進行計數

使用AngularJS 的ng-repeat 指令來顯示資料時，了解如何準確計數是至關重要的過濾結果的數量。

考慮以下內容場景：

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

要顯示使用者查詢過濾的數據，可以使用以下程式碼：

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

但是，顯示元素的預設計數（ {{data. length}}) 將始終反映原始數組中的項目總數，無論應用什麼過濾器。要獲得過濾結果的準確計數，有以下幾個選項：

Angular 1.3

• 使用別名表達式：

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

角度先於1.3

• 將濾波結果指派給新變數：

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

過濾後的計數可以顯示為：

Showing {{filtered.length}} Persons

以上是如何在 AngularJS 的 ng-repeat 中統計過濾後的資料？的詳細內容。更多資訊請關注PHP中文網其他相關文章！