なぜ私のngクラスは偽であっても表示されます

Question

イメージがあります私はユーザーが魚の名前を誤って推測したときに揺れようとしています。私は条件付きng-class="{'shake':error}"を使用しています。しかし、答えが正しいときでも、画像は揺れます。私はいつでも$scope.errorがtrueに設定されているとは思わない。私はここで何が欠けていますか？

codepen

Answer 1

私は何がやりたいことは、あなたのcompare関数からreturn guessIsCorrectまたはguessIsWrongだと思います。

$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(); 
     } 
    } 

};