爲什麼我的ng-class顯示即使是錯誤的

Question

我有一張圖片我試圖在用戶猜錯魚的名字時出錯。我正在使用條件ng-class="{'shake':error}"。但是，即使答案正確，圖像也會抖動。我不相信在任何時候$scope.error設置爲true。我在這裏錯過了什麼？

codepen

Answer 1

我想你想要做的是return guessIsCorrect或guessIsWrong從compare功能。

$scope.compare = function(guess) { 
    guess = guess.replace(/\s/g, '').toLowerCase(); 
    var answers = []; 
    answers.push($scope.name.replace(/\s/g, '').toLowerCase()); 

    currentAnimal.alts.forEach(function(alt) { 
     answers.push(alt.toLowerCase().replace(/\s/g, '')); 
    }); 
    //console.log(answers); 
    //console.log("Guess: " + guess + "\n"); 
    //console.log("Answer: " + answers + "\n"); 

    for (var x = 0; x <= answers.length; x++) { 
     if (guess === answers[x]) { 
      return guessIsCorrect(); 
     } 
     if (x === answers.length) { 
      return guessIsWrong(); 
     } 
    } 

};