jquery - 更改检查的属性后，ng-model 不会更新

Question

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

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

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

这是示例。要重现问题，请单击文本(可以)，然后单击靠近项目边框的位置。 http://plnkr.co/edit/sStCMaBaU1SsQ7hukfaZ?p=preview

Answer 1

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

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

在你的 Controller 中:

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