Angularのng-repeatでフィルタリングされたデータの数を表示する方法は?

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

Angular アプリケーションでは、データは多くの場合、反復する ng-repeat ディレクティブを使用して表示されます。配列またはコレクションに対して。ただし、ユーザー入力に基づいてデータをフィルタリングする場合は、表示される項目数を更新する必要があります。

フィルタで ng-repeat を使用する場合、data.length プロパティは引き続きデータセット全体を表します。適用されたフィルターに関係なく。フィルタリングされた項目の数を取得するには、別のアプローチが必要です。

Angular 1.3 の場合

Angular 1.3 では、フィルタリングされたデータセットにエイリアスを割り当てることができるエイリアス式が導入されました。このエイリアスを使用すると、以下に示すようにフィルタリングされたデータの長さにアクセスできます。

<div ng-repeat="person in data | filter:query as filtered">
</div>
<div>Showing {{filtered.length}} Persons</div>

1.3 より前の Angular の場合

以前のバージョンの Angular では、回避策が必要です。フィルタリングされたデータを新しい変数に割り当て、その変数を表示に使用します。

<div ng-repeat="person in filtered = (data | filter: query)">
</div>
<div>Showing {{filtered.length}} Persons</div>

これらの手法を実装すると、Angular アプリケーションでフィルタリングされた項目の数を動的に表示でき、ユーザーが目に見えるデータに関する正確な情報が提供されます。

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