更改选中的属性后 ng-model 不更新答案

【问题标题】：ng-model does not update after changing checked property更改选中的属性后 ng-model 不更新
【发布时间】：2014-05-04 21:47:56
【问题描述】：

我制作了简单的复选框列表，其中包含以下元素：

  <li>
    <a href="#">
      <label class="checkbox">
        <input type="checkbox" ng-model="value1" />Aaaaa
      </label>
    </a>
  </li>

还有一个 jquery 脚本在选中复选框时突出显示行，反之亦然，当用户单击 <a>（靠近项目的边框）时它设置 .prop("checked")。问题是我不知道为什么点击<a>时ng-model不更新模型

这里是示例。要重现问题，请单击文本（这没关系），然后单击靠近项目的边界。 http://plnkr.co/edit/sStCMaBaU1SsQ7hukfaZ?p=preview

【问题讨论】：

标签： jquery angularjs twitter-bootstrap

【解决方案1】：

你可以使用 ng-click 指令来解决这个问题。我更改了您的代码：

<li>
    <a href="#" ng-click="ChangeCheckBox">
      <label class="checkbox">
        <input type="checkbox" ng-model="value1" />Aaaaa
      </label>
    </a>
  </li>

在你的控制器中：

$scope.ChangeCheckBox = function(){
 var t = $scope.value1;
 $scope.value1 = !t;
}

【讨论】：