give random order to $http json oject through angular JS controller - json

Question

I pull in a JSON object with my controller below, but how do I make the order random, on each page refresh?
app.controller('MainCtrl', ['$scope', '$http', 'makeRandom', function ($scope, $http, makeRandom) {
$http.get('projects/projects.json').success(function(data) {
$scope.works = data;
});
makeRandom.forEach($scope.works, function(work) {
work.rank = Math.random();
});
}]);
template.html
<section ng-repeat="work in works | orderBy:'rank'" class="showcase {{work.class}}">
...
</section>

Answer 1

You pretty much have all the work done, you just need to put it together:
This is based off your work:
app.controller('myCtrl', ['$scope', '$http', function($scope, $http){
$http.get('projects/projects.json').success(function(data) {
$scope.works = data;
}).error(function(){
// works on error response because I don't have your code, just copy this to success response
// here I just generate a list of ids and then randomize them
var works = [];
for(var i=0; i< 20; i++){
works.push({id: i});
}
$scope.works = makeRandom(works);
});
function makeRandom(inputArray){
angular.forEach(inputArray, function(value){
value.rank = Math.random();
});
return inputArray;
}
}]);
HTML:
<section ng-repeat="work in works | orderBy:'rank'" class="showcase {{work.class}}">
{{work.rank}} {{work}}
</section>
Here is a working example: http://plnkr.co/edit/xIwD0zWdodnYSIupm1va?p=preview