AngularJS：如何將window.setTimeout插入范圍函數？

Question

$scope.runTest = function() {
    var statesArray = ['Running', 'Complete', 'Rejected'];
    var rand = statesArray[Math.floor(Math.random() * statesArray.length)];
    item.state = 'Running';
    console.log(rand)
    window.setTimeout(function() {
        item.state = rand;
    }, 6000);
};

item狀態更改為“ Running是成功的，但是此后狀態將不會更改為window.setTimeout函數中所述的隨機狀態。

我在哪里錯了？

Answer 1

您應該使用angular的$timeout服務

$timeout(function() {
    item.state = rand;
}, 6000);

Answer 2

Windows.setTimeout在角度范圍之外

您必須使用$scope.$apply()綁定該值。

或使用$timeout

請參閱本文在Angular JS中使用$ timeout而不是window.setTimeout有什么好處？

Answer 3

您可以使用setTimeout或$timeout ，這里的問題是，使用setTimeout來確保對范圍的任何更改都將反映在其他地方時，您忘記了調用scope.apply() 。

setTimeout(function () {
    $scope.$apply(function () {
        item.state = rand;
    });
}, 6000);

如果您使用$timeout ，則不需要使用$scope.$apply() ：

$timeout(function() {
    item.state = rand;
}, 6000);

有關這兩個概念的更多信息，請看一下在Angular JS中使用$ timeout而不是window.setTimeout有什么優勢？ 。