Nombre d'éléments dans une liste filtrée AngularJS

Comment voulez-vous obtenir la longueur/nombre d'éléments retournés par un filtre predictate dans AngularJS?

InformationsquelleAutor ocodo | 2013-02-14
  1. 75

    J'ai réussi à trouver une grande réponse sur le AngularJS Groupe Google, grâce à Pawel Kozlowski.

    ng-repeat="item in filtered = (items | filter:filterExpr)"

    Serait de créer le filtered liste à la volée, vous pouvez utiliser filtered.length n'importe où ailleurs dans le champ d'application actuel de montrer le comte.

    • pourriez-vous s'il vous plaît ajouter la référence? Ce serait formidable.
    • désolé, je ne peux pas. Cependant, il n'y a rien de manquant dans le post, ce n'est pas dans cette réponse.
    • Est-il éventuellement un moyen de mettre le "filtré" tableau à retourner 0 jusqu'à ce que la recherche est lancée?
    • Merci, @Slomojo, je veux savoir comment faire pour passer cette variable filtrée à portée parent. (Je suis en train de faire le filtre dans une directive)
    • voir la réponse par EpokK, utiliser le Javascript côté pour le faire. En plaçant plus de logique dans le modèle de vue n'est pas judicieuse.
    InformationsquelleAutor ocodo
  2. 6

    Solution

    Essayez ceci :

    HTML

    <span ng-bind="nb"></span>

    Javascript

    $scope.nb = $filter('filter')(items, filterExpr).length;

    Documentation

    Dans le Modèle HTML de Liaison

    {{ filter_expression | filter : array : expression : comparator}}

    En JavaScript

    $filter('filter')(array, expression, comparator)
    InformationsquelleAutor EpokK
  3. 4

    j'ai également eu pour afficher la longueur d'un tableau filtré et celui-ci a fonctionné pour moi:

    {{ (items | filter:filterExpr).length }}
    InformationsquelleAutor Marat
  4. 0

    Comme une question de faits, cela fonctionne avec des filtres d'affichage(orderBy, limitTo)

    item in list = ( item_array|filter:some_str) | orderBy: pref | limitTo: nItemToDisplay

    si vous avez besoin d'afficher les 5 éléments à la fois, vous pouvez toujours utiliser la liste.longueur. Utile pour la pagination ou dans la datatable.

    InformationsquelleAutor Mavalson Tsiava Herimamy