Binding複選框建模和檢查/中取消選中它角

Question

我有以下HTML：

<li ng-repeat="test in lists.Tests"> 
    <label> 
     <input type="checkbox" id="cbxAcceptTest" ng-checked="{{test.IsAccepted}}" ng-click="testSelection($event,{{test}})" /> 
    </label> 
</li> 

和testSelection方法：

$scope.testSelection = function ($event, test) { 
    if (test.IsAccepted) { 
     alert('accept'); 
    } 
    else { 
     alert('reject'); 
    } 

}; 

我不能夠在觸發此方法ngClick，它適用於ngChecked，但後來我必須使用ngModel，我已閱讀的ngModel在下面的link中不適用於ngChecked。

Answer 1

在我來說，我有這樣的事情：

<li ng-repeat="item in items"> 
    <label> 
     <input type="checkbox" ng-model="item.auto" ng-click="onAutoClick(item)" /> 
    </label> 
</li> 

在我的控制器：

$scope.onAutoClick = function(item) { 
    if(item.auto){ 
    // checked (true condition) 
    } else { 
    // unchecked (false condition) 
    } 

}; 

Answer 2

只是刪除測試周圍大括號，當你把它作爲一個參數。

Answer 3

請檢查這個Plnkr。

在HTML中你需要刪除你的花括號

<li ng-repeat="test in lists.Tests"> 
    <label> 
     <input type="checkbox" id="cbxAcceptTest" ng-checked="{{test.IsAccepted}}" ng-click="testSelection(test)" /> 
    </label>