NG-模式不隨工作納克單擊

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-點擊複選框工作正常，不這樣做只是NG-點擊會工作。在複選框不改變狀態時，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-點擊輸入字段應該去：

<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; 
};