javascript - 将复选框绑定(bind)到模型并在 Angular 中选中/取消选中它

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，我在以下 link 中阅读过它与 ngChecked 不兼容.

Answer 1

在我的例子中，我有这样的东西:

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

在我的 Controller 中:

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

};