Uso di AngularJS come è possibile randomizzare l'ordine di una raccolta?

Question

Come ordinare un elenco di elementi in AngularJS in ordine casuale? Stavo pensando che il filtro integrato orderBy avrebbe funzionato, ma non sono sicuro di come senza aggiungere alcuni dati aggiuntivi al modello. Qualcosa di simile sarebbe bello.

Il mio prossimo pensiero è stato quello di creare un filtro personalizzato ma preferirei evitare che se c'è qualcosa di meglio già disponibile.

Answer 1

orderBy può prendere un parametro di funzione, proprio come array.sort modo da poter utilizzare il codice HTML sopra e definire una funzione random sul campo di applicazione come:

$scope.random = function(){ 
    return 0.5 - Math.random(); 
}; 

Ciò restituirà un valore casuale a volte negativo, a volte positiva, a volte 0, che ordinerà in modo casuale la matrice.

Answer 2

Facendo un metodo di violino sh0ber rapido sembra funzionare bene: http://jsfiddle.net/owenmead/fa4v8/1/

<div ng-controller="MyCtrl"> 
    <p ng-repeat="i in list|orderBy:random">{{i}}</p> 
</div> 

function MyCtrl($scope) { 
    $scope.list = ['a', 'b', 'c', 'd', 'e', 'f', 'g']; 
    $scope.random = function() { 
    return 0.5 - Math.random(); 
    } 
} 

orderBy di angolare utilizza sorta di JavaScript() su una copia della lista. Guardando un'altra risposta, alcuni browser sono stabili nel loro genere, altri no. Forse prova solo il violino in alcuni browser e dovresti andare: Array.sort Sorting Stability in Different Browsers

PS. Non posso commentare la risposta di sh0ber in quanto non ho 50 rep