AngularJSの使用コレクションの順序をランダム化するにはどうすればよいですか？

Question

AngularJSのアイテムのリストをどのようにランダムに並べるのですか？私は組み込みのorderByフィルタが機能すると思っていましたが、私はモデルに追加のデータを追加しないとどうしたらよいか分かりません。好きなものは素晴らしいだろう。

item in items | orderBy:random 

私の次の考えはカスタムフィルタを作成することでしたが、既に利用可能なものがあればそれを避けることをお勧めします。 、

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

これは時々、正、時に負のランダムな値を返します。

Answer 1

orderByので、あなたが上記のあなたのHTMLを使用してのような範囲で機能randomを定義することができるだけでarray.sortように、関数のパラメータを取ることができます場合によっては0で、配列をランダムにソートします。迅速なフィドルのsh0ber方法を行う

Answer 2

はうまく動作するようです： 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は、リストのコピーにはJavaScriptのソート（）を使用しています。別の答えを見ると、特定のブラウザは安定していて、他のブラウザは安定していません。おそらく、いくつかのブラウザでフィドルを試してみるとよいでしょう。 Array.sort Sorting Stability in Different Browsers

PSです。 012担当者がいないので、sh0berの答えにコメントできませんでした