Comment afficher la longueur des données filtrées dans ng-repeat ?

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

Le maintien du nombre correct de données filtrées dans votre application peut être crucial pour fournir des informations précises à votre utilisateurs. Voici comment résoudre le problème d'obtention du nombre de données filtrées dans ng-repeat :

Comprendre le problème

Lors du filtrage des données à l'aide de ng-repeat, la longueur d'origine du tableau de données est affiché à la place du nombre d’éléments filtrés. Cela se produit parce que ng-repeat opère sur le tableau d'origine, pas sur celui filtré.

Utilisation d'expressions d'alias (Angular 1.3)

Dans Angular 1.3 et supérieur, les expressions d'alias proposer une solution simple. En utilisant un alias dans la directive ng-repeat, vous pouvez affecter le tableau filtré à une nouvelle variable :

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

Accéder à la longueur du tableau filtré est désormais possible :

Showing {{filtered.length}} Persons

Attribuer à une nouvelle variable (Angular antérieur à 1.3)

Pour les versions Angular antérieures à 1.3, vous pouvez attribuer le tableau filtré à une nouvelle variable :

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

Ceci La variable peut être utilisée pour afficher la longueur du tableau filtré :

Showing {{filtered.length}} Persons

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!