有沒有一種方法可以清理我按鈕上的ng類定義？

Question

我使用：

<button data-ng-repeat="question in test.testquestions" 
      data-ng-class="{current: question.number == test.currentQuestion, correct: question.result == 't', incorrect: qh.result == 'f', shown: qh.result == 's', tagged: qh.tag == true}" 
      data-ng-click="getDetail(qh.i, q.questionId)" 
      data-ng-disabled="q.qs.i == qh.i"> 

代碼的作品，但類定義很長，所以我不能很容易地看到它在我的編輯窗口。 有沒有什麼方法可以在多行上傳播，甚至可以在我的控制器中進行定義？

Answer 1

只是包裝上新的生產線的納克級的表達，這是完全正常的做

Answer 2

你當然可以從你的控制器得到它，但結果是不同的，基於ng-repeat中的測試，所以你需要從函數中獲得它。你想避免每次都返回一個不同的對象，所以你需要以某種方式緩存它。這裏是一個使用test.currentQuestion的例子，假設它是一個簡單的值類型（如int）。

var classes = {}; 

$scope.getClasses = function(question) { 
    if(!classes[question.number]) { 
    classes[question.number] = {}; 
    } 

    var result = classes[question.number]; 
    result.current = question.number === $scope.test.currentQuestion; 
    result.correct = question.result === 't'; 
    result.incorrect = question.result === 'f'; 
    result.shown = question.result === 's'; 
    result.tagged = question.tag === true; 

    return result; 
}; 

然後，您可以從您的視圖調用它：

data-ng-class="getClasses(test)"