NG-모델과 함께 작동하지 않습니다

Question

그것은이 모든 블록에 관하여 NG 클릭 :

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