ホームページ > ウェブフロントエンド > jsチュートリアル > Angularの「ng-repeat」ディレクティブでフィルタリングされたデータの長さを表示するにはどうすればよいですか?

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

Patricia Arquette
リリース: 2024-11-09 20:09:02
オリジナル
615 人が閲覧しました

How to Display the Length of Filtered Data in Angular's `ng-repeat` Directive?

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

ユーザー入力によってフィルタリングされたデータを表示する ng-repeat ディレクティブがあるため、フィルタリングされた結果を反映するために表示される人数。

Angular 1.3 では、エイリアス式を使用してこれを実現できます:

<div ng-repeat="person in data | filter:query as filtered">
</div>
ログイン後にコピー

「フィルターされた」エイリアスはフィルターされた配列を表し、これを使用してカウントを表示できます:

Showing {{filtered.length}} Persons
ログイン後にコピー
ログイン後にコピー

Angular 1.3 より前では、フィルタリングされた結果を新しい変数に割り当ててアクセスできますit:

<div ng-repeat="person in filtered = (data | filter: query)">
</div>
ログイン後にコピー
Showing {{filtered.length}} Persons
ログイン後にコピー
ログイン後にコピー

このように、「フィルターされた」変数にはフィルターされた結果が含まれ、カウントはフィルターされた人の数を正確に表示します。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート