Angularjs:了解ngChecked的工作原理

时间:2012-05-19 15:07:17

标签: angularjs

我尝试修改ng-checked示例,以便单击其中一个复选框会自动更新另一个。

单击A,然后单击B,然后再单击A,不会执行我期望的操作。

我应该查看哪些文档来了解正在发生的事情?

http://jsfiddle.net/cantcopy/ev62U/

1 个答案:

答案 0 :(得分:8)

为什么不将两个复选框都连接到同一型号?

<div ng-app>
  A - Check me to check both: 
    <input type="checkbox" ng-model="master"><br/>
  B - Check me to check both:
    <input type="checkbox" ng-model="master">
</div>​

http://jsfiddle.net/ev62U/133/

=============================================== ===================================

解释你的小提琴:

ng-checked不会更新模型,只会在表达式更改后更新视图(复选框)。

点击A:master更改为true,B复选框正在观看其ng-checked值,因此也会更新要检查的视图。

点击B:master2更改为false,A复选框正在观看其ng-checked值,因此也会更新视图以供取消选中。

点击A:master设置为true,并且这不是真正的更改,因为值已经是true,因此它不会触发B的更新。