Angular:update $ scope在setTimeout回调中不起作用

Question

在angular.js中,$scope.greeting = xxx不起作用window.setTimeout.它没有任何影响:

var myApp = angular.module('myApp', []);

myApp.controller('MyCtrl', function ($scope) {
    $scope.greeting = 'init';
    window.setTimeout(function () {
        console.log('update greeting');
        $scope.greeting = "hello"; // doesn't work here.
    }, 3000);
})

为什么？

完整比较如下:

• 它工作(在ajax):http://jsfiddle.net/victorwoo/eDb2S/129/
• 它不起作用(in window.setTimeout):http://jsfiddle.net/victorwoo/3b3s6ukp/2/

Answer 1

setTimeout在$digest循环之外运行 - 因此角度不知道您应用的变化$scope.

而不是window.setTimeout使用内置$timeout函数

在这里看到这个(你的)更新的jsfiddle