javascript - $watch 与 ng-change、ng-checked 等的 Angular 触发变化

Question

目前我们可以通过多种方式监控数据变化。我们可以使用 $watch 触发模型更改，我们可以向元素添加指令并将一些操作绑定(bind)到它。

在很多情况下这有点令人困惑，所以我很好奇，每个变体的优缺点以及我们什么时候应该使用 $watch 绑定(bind)，以及什么时候像 ng 这样的指令-改变？

Answer 1

$watch 和 ngChange 的用法完全不同:

假设您有一个在作用域上定义的模型:

$scope.myModel = [
    {
        "foo":"bar"
    }
];

现在，如果您想在 myModel 发生任何更改时执行某些操作，您可以使用 $watch:

$scope.$watch("myModel", function(newValue, oldValue){
    // do something
});

ngChange 是一个指令，它会在用户更改输入时评估给定的表达式:

<select ng-model="selectedOption" ng-options="option for option in options" 
ng-change="myModel=selectedOption"></select>

简而言之，您通常会将 ngChange 绑定(bind)到某个 HTML 元素。 $watch 用于模型。