Angular-ng-change复选框不会第一次触发

Question

每当用户更改复选框的状态时，我想触发ng-change。这里是我的代码：

    <div ng-class=" food.status == 1 ? 'text-success' : 'text-danger'" class="pull-left m-t-sm "> 
         <i class="fa fa-circle"></i> 
         <label class="md-switch"> 
          --{{ food.status }} 
          **{{ food.enableFood }} 
          <input type="checkbox" ng-checked="food.enableFood" ng-model="food.status" ng-change="changeFoodStatus(food.status , food.id)"> 
          <i class="blue"></i> 
         </label> 
        </div> 

这里是我的角功能：

$scope.changeFoodStatus = function (status , id) { 
    console.log(status,id); 
    var foodStatus = 1 ; 
    if(!status) { 
     foodStatus = 2; 
    } 
    console.log(foodStatus , id); 
    var foodData = { 
     foodStatus : foodStatus, 
     foodId  : id 
    }; 



    Gateway.put(foodData , '/food/changeFoodStatus',function (response) { 
     console.log(response); 
    }); 
} 

这是我最初的输出：

它的工作原理就像一个魅力第一时间之后，其实food.enableFood是真的第一次不起作用。 ng-change不启动。

如何解决？

Answer 1

我已经改变了我的html：

    <div ng-class=" food.status == 1 ? 'text-success' : 'text-danger'" class="pull-left m-t-sm "> 
         <i class="fa fa-circle"></i> 
         <label class="md-switch"> 
          <input type="checkbox" ng-true-value="1" ng-false-value="2" ng-model="food.status" ng-change="changeFoodStatus(food.status , food.id)"> 
          <i class="blue"></i> 
         </label> 
        </div> 

附：谢谢@holtc。