$watch vs. ngChange

假设你想在属性 $scope 发生变化时做某事。并假设此属性绑定到input字段。使用$watch与使用ngChange的优点/缺点是什么？

.html

<input ng-model="foo" ng-change="increment()">
<p>foo: {{foo}}</p>
<!-- I want to do something when foo changes.
     In this case keep track of the number of changes. -->
<p>fooChangeCount: {{fooChangeCount}}</p>

.js

// Option 1: $watch
$scope.$watch('foo', function() {
  $scope.fooChangeCount++;
});
// Option 2: ngChange
$scope.fooChangeCount = 0;
$scope.increment = function() {
  $scope.fooChangeCount++;
};

http://plnkr.co/edit/4xJWpU6AN9HIp0OSZjgm?p=preview

我知道有时您需要使用$watch(如果您要监视的值未绑定到输入字段(。而且我知道有时您需要使用ngChange(当您想做一些事情来响应输入中的更改时，但不一定是为了响应范围属性的更改(。

但是，在这种情况下，两者都完成相同的事情。

我的想法：

• ngChange似乎更干净，更容易理解正在发生的事情。
• $watch似乎可能稍微快一点，但可能可以忽略不计。对于ngChange，我认为 Angular 必须在编译阶段做一些额外的工作来设置事件侦听器，也许额外的事件侦听器会降低速度。无论您是否使用 ngChange ，摘要周期都会在更改时运行，因此您有机会侦听某些内容并调用函数以响应更改。