Sử dụng AngularJS làm cách nào tôi có thể ngẫu nhiên hóa thứ tự của một bộ sưu tập?

Question

Bạn sẽ đặt hàng danh sách các mục trong AngularJS theo thứ tự ngẫu nhiên như thế nào? Tôi đã nghĩ rằng bộ lọc tích hợp sẵn trong orderBy sẽ hoạt động nhưng tôi không chắc chắn cách thức mà không thêm một số dữ liệu bổ sung vào mô hình. Một cái gì đó như sẽ là tuyệt vời.

item in items | orderBy:random 

Ý tưởng tiếp theo của tôi là tạo bộ lọc tùy chỉnh nhưng tôi muốn tránh điều đó nếu có điều gì đó tốt hơn đã có sẵn.

Answer 1

orderBy có thể mất một số chức năng, giống như array.sort vì vậy bạn có thể sử dụng HTML phía trên và xác định một hàm random trên phạm vi như:

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

này sẽ trả về một giá trị ngẫu nhiên đôi khi tiêu cực, đôi khi tích cực, đôi khi 0, sẽ sắp xếp ngẫu nhiên mảng.

Answer 2

Làm một phương pháp fiddle sh0ber nhanh dường như làm việc tốt: 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 góc của sử dụng loại JavaScript của() trên một bản sao của danh sách. Nhìn vào một câu trả lời khác, các trình duyệt nhất định ổn định trong sắp xếp của chúng, những trình duyệt khác thì không. Có lẽ chỉ cần kiểm tra fiddle trong một vài trình duyệt và bạn nên làm tốt: Array.sort Sorting Stability in Different Browsers

PS. Không thể nhận xét về câu trả lời của sh0ber vì tôi không có 50 đại diện