AngularJs ng檢查使用函數

Question

我有一個表單，我想在輸入ng-checked="someFunction()"中使用函數，我不知道這是可能的，或者我做錯了什麼。我在我的控制器中有功能，我正在調用它。至於函數，我認爲它肯定是有效的，而ng-checked會觸發它，但是返回true或false並不會改變任何東西。所以問題是有沒有辦法在'ng-checked'中使用函數？

$scope.multiAnswers = function (answers, optionId) { 
     angular.forEach(answers, function (answer, key) { 
      if (answer.option_choice_id == optionId) { 
       return true; 
      } 
     }); 

     return false; 
    }; 

Answer 1

ng-checked確實與函數一起工作。這裏是一個演示：

$scope.getCheckedFalse = function(){ 
    return false; 
}; 

$scope.getCheckedTrue = function(){ 
    return true; 
}; 

HTML：

<input type="checkbox" ng-checked="getCheckedFalse()"/> 
<input type="checkbox" ng-checked="getCheckedTrue()"/> 

DEMO

你的問題是，你永遠不會回報真正在函數的結束。 return true;裏面angular.forEach沒有幫助。

嘗試：

$scope.multiAnswers = function (answers, optionId) { 
    var returnValue = false; 
    angular.forEach(answers, function (answer, key) { 
     if (answer.option_choice_id == optionId) { 
       returnValue = true; 
       return; 
     } 
    }); 

    return returnValue; 
}; 

看起來，我們不能從angular.forEach突破：Angular JS break ForEach

爲了提高性能，立即打破時answer.option_choice_id == optionId是真。你可以試試jQuery $.each或使用vanilar javascript（for循環）。

Answer 2

你需要做的是使用狀態變量作爲ng-checked表達，如：ng-checked="someValue"。然後，在您的代碼中的其他位置更新$scope值。問題是，通過使用函數，它實際上不應該更新它的值。