AngularJS limitTo filtre pour ngRepeat sur un objet (utilisé comme un dictionnaire)

Est-il possible d'utiliser limitTo filtre sur une ngRepeat directive, qui est de répéter les propriétés d'un Objet et non pas les éléments dans un Tableau.

Je suis conscient que la documentation officielle dit que l'entrée de limitTo doit être un tableau ou une chaîne de caractères. Mais, vous demandez-vous si il existe un moyen d'obtenir que cela fonctionne.

Voici un exemple de code:

<li ng-repeat="(key, item) in phones_dict |orderBy:'-age'| limitTo:limit_items"></li>

Et $scope.phones_dict est un Objet comme

{ 
     item_1: {name:"John", age: 24},
     item_2: {name:"Jack", age: 23}
}

OriginalL'auteur Yogesh Mangaj | 2014-09-16

  1. 14

    limitTo fonctionne uniquement pour les chaînes et les tableaux, pour objet l'utilisation propre du filtre par exemple:

    myApp.filter('myLimitTo', [function(){
    return function(obj, limit){
        var keys = Object.keys(obj);
        if(keys.length < 1){
            return [];
        }

        var ret = new Object,
        count = 0;
        angular.forEach(keys, function(key, arrayIndex){
            if(count >= limit){
                return false;
            }
            ret[key] = obj[key];
            count++;
        });
        return ret;
    };
}]);

    Exemple de violon: http://jsfiddle.net/wk0k34na/2/

    L'inconvénient ici est que de parcourir les clés dans un Objet n'a pas de garantie d'ordre donc, en utilisant cette ne peut faire sens, puisque vous voir des résultats différents à chaque fois
    vrai, orderBy travaille aussi que dans les matrices. Sur obj. vous devez également créer son propre objet de filtre. - Je développer mon exemple dans jsfiddle.net/wk0k34na/3 de sorte que la commande est également un autre filtre.

    OriginalL'auteur Michał Ignaszewski

  2. 9

    Ajoutant 

     ng-if ="$index < limit"

    à la ng-repeat tag a fait le tour pour moi, mais ça n'est probablement pas strictement à la "bonne" façon de le faire.

    Fonctionne très bien, "limitTo" ne fonctionne pas du tout pour moi.
    Cela fonctionne très bien. filtre ("myLimitTo' est aussi un travail, mais est en train de jeter l'anonymat d'erreurs.
    Travail aime un charme. limitTo n'a pas fonctionné. J'ai essayé plusieurs méthodes mais c'est celui qui a fait le travail. Merci.

    OriginalL'auteur Cody Braun

  3. 1

    Ou vous pouvez utiliser le suivi par $index " ... Et votre limitTo serait:

    limitTo: $index == 5 (or any value)
    Cela n'a pas fonctionné: <li ng-repeat="(key, item) in phones_dict track by $index | limitTo: $index == 5"></li>
    piste $index doit aller à la fin de la ng-repeat, de sorte que <li ng-repeat="(clé, élément) dans phones_dict | limitTo: $index == 5 $index"></li>
    Qui n'a pas fonctionné pour moi. Encore en train de chaque objet dans mon fichier json au lieu de 5.
    ne limitTo: solution résolu votre problème?
    ng-repeat="entraîner des résultats | filtre:artiste | limitTo:20">

    OriginalL'auteur Oam Psy

  4. 0

    Par défaut limitTo filtre dispose d'un support pour tableau d'objets similaires (exemple) après 1.5.7

    OriginalL'auteur Ed Kolosovsky