samedi 7 février 2015

Shuffling objects in JSON ( AngularJS)

I want my questions to be shown in random order. I did it, but it doesn't work properly, sometimes it doesn't loop through all objects and stops and etc.



$scope.move = function (direction) {
var position = $scope.allData.indexOf($scope.currentQ);
$scope.currentQ = $scope.allData[position + direction];
};

$http.get("js/json/questions.json").then(function(response){
$scope.allData = response.data;
$scope.currentQ = $scope.allData[Math.floor(Math.random() * response.data.length)];
});

$scope.answerClick = function(index){
$scope.clicks++;

if(index === $scope.currentQ.answer){
$scope.score++;
$scope.rightwrong = "Right";
$('.right-wrong').css("color", "green");
}
else{
$scope.rightwrong = "Wrong";
$('.right-wrong').css("color", "red");
}

if($scope.clicks === 4){
resultService.score = $scope.score;
$location.path('/finish');
}

$scope.move(+1);
};


Here is the whole app: http://ift.tt/1Fj8Wnw





Aucun commentaire:

Enregistrer un commentaire