javascript - ng-model 不能与 ng-click 一起使用

Question

这都是关于这个块的：

<div class="panel done-{{ todo.done }}" ng-repeat="todo in todos()" ng-click="changeStatus(todo)">
  <input type="checkbox" ng-model="todo.done"> {{ todo.title }}
</div>

删除外部 ng-click 复选框可以正常工作，不这样做只是 ng-click 将起作用。Ng-click 将更改复选框的值，但复选框不会更改状态。

$scope.changeStatus = function(todo) {
  todo.done = ! todo.done;
};

Answer 1

现在可以工作了。这可能有点难看，但它有效：

<div class="panel done-{{ todo.done }}" ng-repeat="todo in todos()" ng-click="changeStatus(todo)">
  <input type="checkbox" ng-model="todo.done" ng-click="changeStatus(todo)"> {{ todo.title }}
</div>

Answer 2

ng-click 应该进入输入字段：

<div class="panel done-{{ todo.done }}" ng-repeat="todo in todos()" >
  <input type="checkbox" ng-model="todo.done" ng-click="changeStatus(todo)"/> {{ todo.title }}
</div>

你的功能应该有！附加到变量的运算符，否则它将失败：

$scope.changeStatus = function(todo) {
  todo.done = !todo.done;
};