Maison > interface Web > js tutoriel > Comment afficher la longueur des données filtrées dans la directive « ng-repeat » d'Angular ?

Comment afficher la longueur des données filtrées dans la directive « ng-repeat » d'Angular ?

Patricia Arquette
Libérer: 2024-11-09 20:09:02
original
606 Les gens l'ont consulté

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

Affichage de la longueur des données ng-repeat filtrées

Comme vous avez une directive ng-repeat affichant les données filtrées par l'entrée de l'utilisateur, vous voulez que le affiché le nombre de personnes pour refléter les résultats filtrés.

Dans Angular 1.3 , vous pouvez utiliser une expression d'alias pour y parvenir :

<div ng-repeat="person in data | filter:query as filtered">
</div>
Copier après la connexion

L'alias "filtré" représente le tableau filtré, que vous pouvez ensuite utiliser pour afficher le décompte :

Showing {{filtered.length}} Persons
Copier après la connexion
Copier après la connexion

Avant Angular 1.3, vous pouvez attribuer les résultats filtrés à une nouvelle variable et accéder it :

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

De cette façon, la variable « filtrée » contiendra les résultats filtrés, et le décompte affichera avec précision le nombre de personnes filtrées.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal