Comment compter les données filtrées dans ng-repeat d'AngularJS ?

Compter les données ng-repeat filtrées

Lors de l'utilisation de la directive ng-repeat d'AngularJS pour afficher des données, il est essentiel de comprendre comment compter avec précision le nombre de résultats filtrés.

Considérez ce qui suit scénario :

var data = [
  {
    "name": "Jim",
    "age": 25
  },
  {
    "name": "Jerry",
    "age": 27
  }
];

Pour afficher les données filtrées par une requête utilisateur, le code suivant peut être utilisé :

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

Cependant, le nombre par défaut d'éléments affichés ({{data. length}}) reflétera toujours le nombre total d'éléments dans le tableau d'origine, quel que soit le filtre appliqué. Pour obtenir un décompte précis des résultats filtrés, il existe plusieurs options :

Angular 1.3

• Utiliser une expression d'alias :

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

Angulaire Avant 1.3

• Attribuer les résultats filtrés à une nouvelle variable :

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

Le nombre filtré peut ensuite être affiché comme :

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!