Angular.js почему родные асинхронные функции не обновляют переменные $ scope?

Question

Я пытаюсь понять, как обрабатывается обновление вида в Angular. Когда я использую встроенную асинхронную функцию, и она обращается к обновлению переменной $ scope, представление не обновляется. Но когда я использую угловую асинхронную функцию, представление обновляется должным образом. Например:

// 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

Это связано с тем, что Угловая служба $timeout знает об Угловом времени выполнения и правильно зарегистрирует изменение.

Такого же поведение может быть захвачен с ванильным JS по телефону $ применять() в объеме после внесения изменений:

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

Есть другие услуги, такие как $window и $interval, которые действуют как удобство обертки для регулярных JS, но они гарантируют, что любые изменения в размере $ регистрируются в цикле дайджеста правильно.