Ordine a discesa alfabetico in AngularJS

Question

Sto compilando un menu a discesa tramite l'utilizzo di ng-options che è collegato a un controller che a sua volta chiama un servizio. Purtroppo i dati in arrivo sono un disastro e devo essere in grado di ordinarlo alfabeticamente.

Si capisce che qualcosa come $.sortBy lo farebbe ma sfortunatamente non lo ha fatto jack. So che posso ordinarlo via javascript con un metodo helper function asc(a,b) o qualcosa del genere ma mi rifiuto di credere che non ci sia un modo più pulito per farlo e non voglio gonfiare il controller con metodi helper. È qualcosa di così fondamentale in linea di principio, quindi non capisco perché AngularJS non abbia questo.

C'è un modo per fare qualcosa come $orderBy('asc')?

Esempio:

<select ng-option="items in item.$orderBy('asc')"></select> 

Sarebbe estremamente utile avere opzioni in orderBy in modo da poter fare tutto quello che vuoi, quando di solito si tenta di ordinare i dati.

Answer 1

angolare ha un filtro orderBy che può essere utilizzato in questo modo:

<select ng-model="selected" ng-options="f.name for f in friends | orderBy:'name'"></select> 

Vedi this fiddle per un esempio.

Vale la pena notare che se track by viene utilizzato deve comparire dopo il filtro orderBy, in questo modo:

<select ng-model="selected" ng-options="f.name for f in friends | orderBy:'name' track by f.id"></select> 

Answer 2

Si dovrebbe essere in grado di utilizzare il filtro: orderBy

orderBy può accettare un terzo opzione per il flag reverse.

<select ng-option="item.name for item in items | orderBy:'name':true"></select> 

Qui la voce è ordinata per la proprietà 'nome' in un ordine inverso. Il secondo argomento può essere una qualsiasi funzione di ordine, quindi è possibile ordinare in qualsiasi regola.

@see http://docs.angularjs.org/api/ng.filter:orderBy

Answer 3

var module = angular.module("example", []); 

module.controller("orderByController", function ($scope) { 
    $scope.orderByValue = function (value) { 
     return value; 
    }; 

    $scope.items = ["c", "b", "a"]; 
    $scope.objList = [ 
     { 
      "name": "c" 
     }, { 
      "name": "b" 
     }, { 
      "name": "a" 
     }]; 
     $scope.item = "b"; 
    }); 

http://jsfiddle.net/Nfv42/65/

Answer 4

Per chi vuole ordinare la variabile nel terzo strato:

<select ng-option="friend.pet.name for friend in friends"></select> 

si può fare in questo modo

<select ng-option="friend.pet.name for friend in friends | orderBy: 'pet.name'"></select>