AngularJS:$watch 的执行顺序是什么？

Question

我有 watch 功能:

scope.$watch('target', function(){
   scope.hasUnsavedChanges = true;
}, true);

然后我改变一些值:

functiion change(target){
   scope.hasUnsavedChanges = false;
   scope.target.Xxx = '';
   console.log('scope.hasUnsavedChanges = ' + scope.hasUnsavedChanges); 
}

它输出错误。那么watch函数什么时候执行呢？以及上面代码中scope.hasUnsavedChanges变为true后如何运行一些代码？

Answer 1

$watch 函数在每次调用 $scope.$digests() 函数后执行。

如果您想在像 hasUnsavedChanges 这样的变量变为真后执行代码。让它成为一个函数并在那里执行所有代码不是更有意义吗:

scope.setUnsavedChanges = function(){  
  scope.hasUnsavedChanges = true; 
  //the rest of your code goes here
}

scope.$watch('target', function(){
   scope.setUnsavedChanges();
}, true);