javascript - 模型更改事件不会触发

Question

我尝试在 AngularJS 模型绑定(bind)复选框上使用 bootstrap-switch，但发现它不起作用。

进一步调查表明，当模型更改修改复选框时，Javascript onChange/onClick 事件根本不会触发。如FiddleJS中所示

<input id="cb1" type="checkbox" ng-model="boolValue" /> Changing this wont trigger event on the other Checkbox<br/>

<input id="cb2" type="checkbox" ng-model="boolValue" /> Changing this does trigger the event!

<script>
   $('#cb2').on('change', function(){
       alert('changed');
   });
</script>

• 当 Angular $digest 更改复选框状态时，为什么事件没有触发？
• 我在这里做错了什么吗？

Answer 1

仅当用户与元素交互时才会触发更改事件:

Note: Changing the value of an input element using JavaScript, using .val() for example, won't fire the event.

如果你想在模型发生任何变化时都执行代码，可以设置一个监视:

$scope.$watch('boolValue', function(newVal) {
    //...
});