AngularJS 值不会随 setTimeout 改变答案

【问题标题】：AngularJS value won't change with setTimeoutAngularJS 值不会随 setTimeout 改变
【发布时间】：2014-05-15 09:42:14
【问题描述】：

我想在页面初始化后更改范围变量。我有一个带有以下代码的角度应用程序：

$scope.names = ['Jack'];
append_name = function(){$scope.names.push('Bob');}
setTimeout(append_name, 2000);

在指定的延迟之后，我看不到值的变化。这里是 plunker http://plnkr.co/edit/FBa2fwb7js8pRNENNJof

【问题讨论】：

赞成 $timeout 胜过 setTimeout: stackoverflow.com/questions/19609796/…

标签： angularjs

【解决方案1】：

简答：使用内置的$timeout 服务而不是setTimeout： http://plnkr.co/edit/nh1jEhocRpXtD0rUTh4k?p=preview

长答案在这里：https://stackoverflow.com/a/9693933/1418796

【讨论】：

【解决方案2】：

如果您在 Angular 之外创建代码，则需要告诉您使用 $apply 进行了更改

$scope.names = ['Jack'];
append_name = function() {
   $scope.$apply(function() {
      $scope.names.push('Bob');
   });
};
setTimeout(append_name, 2000);

您可以创建方便的高阶函数以使用$apply 包装您的函数：

function ngWrap($scope, fn) {
    return function() {
        var args = [].slice.call(arguments);
        if ($scope.$$phase) {
            fn.apply(null, args);
        } else {
            return $scope.$apply(function() {
                fn.apply(null, args);
            });
        }
    };
}

这可以像这样使用：

setTimeout(ngWrap($scope, function() {
    $scope.names.push('Bob');
}), 2000);

还有 angular 有 $timeout 可以处理这个问题。

【讨论】：

谢谢。我必须为我的socket.io 实现写socket.on('myevent', function(arg){$scope.$apply(function(){trigger_fn(arg)})})。这可能更容易阅读吗？
您可以将socket.on('myevent', ngWrap($scope, trigger_fn)); 与我的回答中的功能一起使用。