Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 启动新控制器时停止$timeout大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我每2秒轮询我的数据,以保持他们在页面上更新。我的问题是当我访问另一个页面超时保持活动。当我访问新页面时,如何取消我的超时?
function IndexCtrl($scope,$timeout,RestData) {
    $scope.rd = {};

    (function getRestDataFromServer() {
        RestData.query(function(data){
            $scope.rd = data;
            $timeout(getRestDataFromServer,2000);
        });
    })();
}

//编辑
我找到了一个解决方案,但我不知道如果它是一个好的。当我保存我的超时到$ rootScope,我可以取消它在所有其他控制器。

function IndexCtrl($scope,$rootScope,RestData) {
    $scope.rd = {};

    (function getRestDataFromServer() {
        RestData.query(function(data){
            $scope.rd = data;
            $rootScope.prom = $timeout(getRestDataFromServer,2000);
        });
    })();
}

function newPageCtrl($scope,$timeout) {
    $timeout.cancel($rootScope.prom); 
}
当路由被改变时,有两个角度事件被广播。你可以在IndexCtrl中使用$ scope。$ on监听它们,并相应地执行:

$ destroy事件

var promise = $timeout(getRestDataFromServer,2000);
...

$scope.$on('$destroy',function(){
    $timeout.cancel(promisE);
});

$ LOCATIOnChangeStart

var promise = $timeout(getRestDataFromServer,2000);
...

$scope.$on('$LOCATIOnChangeStart',function(){
    $timeout.cancel(promisE);
});

$ timeout()返回一个promise对象。该对象可以提供给$ timeout.cancel()函数来取消超时。

大佬总结

以上是大佬教程为你收集整理的angularjs – 启动新控制器时停止$timeout全部内容,希望文章能够帮你解决angularjs – 启动新控制器时停止$timeout所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。