我有几个复选框，单击它们时，true或false将以message.highlighted的形式存储在MongoDB中。 我还有一个功能，其中只有3个复选框可以单击。 但是，当我选中这些复选框并刷新页面时，复选框已选中，但是我必须单击两次复选框才能再次更改值

我在做什么错了？

这是html：

<input type="checkbox" ng-model="message.checked"
       ng-checked="message.highlighted"
       ng-change="check(message,message._id,$index)"
       ng-disabled="!message.checked && checkedNumber === limitNumber">

这是我的angularJS：

$scope.checkedNumber = 0;
$scope.limitNumber = 3;
$scope.check = function(message,id) {
    console.log(message.checked)
    if (message.checked) {
      $scope.checkedNumber++;
    } else {
      $scope.checkedNumber--;
    }
    $http({
      method: 'POST',url: 'highlightItem',params: {
        id: id,checked: message.checked,}
    }).then(function successCallBack(response){

    });
};