AngularJS 测验应用程序

Question

我有两个分数字段。一个在右边，第二个在最后一个“完成”页面。第一个工作正常，但是当我转到完成页面时，完成分数不计入最后一个问题的最后点击。

这是整个应用程序的 plunkr：http://plnkr.co/edit/wTQHOz

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

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

    if(index === $scope.currentQ.answer){
        $scope.score++;
    }
    $scope.move(+1);


};

Answer 1

这个问题与 Angular 无关，这是一个逻辑错误。您的结果不计入最后一个问题的原因是代码的顺序错误。 （我回答了你的最后一个问题，但也没有发现这个错误..）

if(index === $scope.currentQ.answer){
    $scope.score++;
}

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

您应该首先验证当前问题的答案，然后检查它是否是最后一个。