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 中国語 Web サイトの他の関連記事を参照してください。