ng-repeatでフィルタリングされたデータの長さを表示するにはどうすればよいですか?

フィルタリングされた ng-repeat データの長さの表示

アプリケーションで正しいフィルタリングされたデータ数を維持することは、アプリケーションに正確な情報を提供するために重要です。ユーザー。 ng-repeat でフィルタリングされたデータの数を取得する問題を解決する方法は次のとおりです:

問題を理解する

ng-repeat を使用してデータをフィルタリングする場合、元の長さフィルタリングされた項目の数の代わりに、データ配列の数が表示されます。これは、ng-repeat がフィルタリングされた配列ではなく、元の配列で動作するために発生します。

エイリアス式の使用 (Angular 1.3 )

Angular 1.3 以降では、エイリアス式直接的な解決策を提供します。 ng-repeat ディレクティブでエイリアスを使用すると、フィルタリングされた配列を新しい変数に割り当てることができます:

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

フィルタリングされた配列の長さにアクセスできるようになりました:

Showing {{filtered.length}} Persons

新しい変数への代入 (Angular 1.3 より前)

1.3 より前の Angular バージョンでは、フィルターされた配列を新しい変数に割り当てることができます:

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

これ変数を使用して、フィルタリングされた配列の長さを表示できます:

Showing {{filtered.length}} Persons

以上がng-repeatでフィルタリングされたデータの長さを表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。