Angular.js为什么本地异步函数不更新$ scope变量？

Question

我试图了解如何在Angular中处理视图更新。 当我使用本机异步函数并且它回调更新$ scope变量时，视图不会更新。 但是，当我使用Angular异步函数时，视图会正确更新。 例如：

// Example 1: This code updates the store in view
$timeout(function() {
    $scope.store = {
        name: 'MyName'
    }
}, 2000);

// Example 2: This code does not update the store in view
setTimeout(function () {
    $scope.store = {
        name: 'MyName'
    }
}, 2000);

为什么第二个示例不更新商店？

Answer 1

这是因为Angular服务$timeout知道Angular运行时，并将正确注册更改。

进行更改后，可以通过在作用域上调用$ apply（）来用香草js捕获相同的行为：

setTimeout(function () {
  $scope.store = {
    name: 'MyName'
  }
  $scope.$apply();
}, 2000);

还有其他服务，例如$window和$interval ，它们充当常规JS的便利包装，但是它们确保将$ scope的任何更改正确地注册到摘要周期。