trie un tableau en angularjs

Im travaillant sur le tri sur un tableau à l'aide Angular JS en utilisant orderBy. Mais encore ce n'est pas arriver triés sur une touche particulière.

Voici le code 

var app = angular.module('sortModule', [])
app.controller('MainController', function($scope,$filter){    
$scope.languages = [ 
        { name: 'English', image: '/images/english.png',key:2 },
        { name: 'Hindi', image: '/images/hindi.png',key:3 },
    { name: 'English', image: '/images/english.png',key:2},
    { name: 'Telugu', image: '/images/telugu.png',key:1 }];        

var newLanguages = []
newLanguages = angular.copy($scope.languages);  
function sortImages() { 
        $scope.languages = []
    $scope.keys = []        
        for(language in newLanguages) {
            $scope.keys.push(newLanguages[language])
    }
    $filter('orderBy')($scope.keys, 'key')
    console.log(JSON.stringify($scope.keys))
}
sortImages();

});

Violon

Planification de la gi pour voir tri basé sur la "clé". telugu devrait venir en premier, prochaine anglais et en hindi dernier.

InformationsquelleAutor Syed | 2016-01-14
  1. 12

    vous devez avoir:

    $scope.keys = $filter('orderBy')($scope.keys, 'key', false)

    de la commande par le filtre renvoie un nouveau tableau, il n'a pas d'apporter des modifications au tableau transmis.

    mis à jour le violon:
    http://jsfiddle.net/kjuemhua/17/

    • Oui, vous avez raison. C'était une stupide erreur. Si vous avez un meilleur code pour le tri, pouvez-vous svp poster?
    • je ne suis pas sûr pourquoi êtes-vous à l'aide de 3 tableaux et angulaire.copie. vous pourriez probablement trier votre tableau d'origine.
    • Pouvez-vous svp mettre à jour dans le violon?
    • aussi...vous n'avez pas une sorte de fonction de contrôleur dans le violon
    • Hey je l'ai fait, cliquez sur le bouton. Son fonctionnement. Si vous avez un optimisé pour un. Pouvez-vous svp vérifier ça? Voici le nouveau violon jsfiddle.net/SyedNizamChennai/kjuemhua/18
    InformationsquelleAutor gaurav5430
  2. 1

    Supprimer la OrderBy à partir du code html à l'affichage de la liste non ordonnée:

    <div ng-app="sortModule" class="nav">
<div ng-controller="MainController">


    <button ng-click="sort()">Sort  
    </button>
    <div></div>
    <div >        
        <ul>
            <li ng-repeat="lang in languages">
               <span>{{lang.name}}</span>
            </li>
        </ul>
    </div>
    </div>
</div>

    Maintenant à l'aide du bouton trier trier la liste

    var app = angular.module('sortModule', [])
app.controller('MainController', function($scope,$filter){    
    $scope.languages = [ 
            { name: 'English', image: '/images/english.png',key:2 },
            { name: 'Hindi', image: '/images/hindi.png',key:3 },
        { name: 'English', image: '/images/english.png',key:2},
        { name: 'Telugu', image: '/images/telugu.png',key:1 }];        

    var newLanguages = []
    newLanguages = angular.copy($scope.languages);  
    $scope.sort = function(){ 
            $scope.languages = []
        $scope.keys = []        
            for(language in newLanguages) {
                $scope.keys.push(newLanguages[language])
        }
        $scope.keys = $filter('orderBy')($scope.keys, 'key', false);
        $scope.languages = $scope.keys;
        console.log(JSON.stringify($scope.keys))
    }
});
    • Hey Sheetal. Je l'ai fait et sa fonctionne bien
    InformationsquelleAutor Sheetal