javascript - 以编程方式取消选中复选框不会更新 Angular 模型

Question

我正在使用以下代码以编程方式取消选中复选框:

$('#someid').removeAttr('checked');

这是绑定(bind)到 Angular 模型的复选框:

<input id="someid" ng-model="model.property" type="checkbox" value="true">

我可以看到复选框确实未选中。为什么 Angular 模型属性也没有更新(从 true 变为 false)，我怎样才能获得这种期望的行为？我可以更新模型并让复选框更新没问题。

Answer 1

如果您使用的是 Angular，则不应以这种方式操作 DOM。您必须更改 Angular 模型变量，并让 Angular 更改 DOM。

研究待办事项列表示例 angularjs.org

提示:我认为您真的不再需要 jQuery 了!

你需要的 Angular 代码:

$scope.model.property = false;