angular timeout interval cancel $destroy

最新推荐文章于 2018-04-12 18:41:04 发布

fangbinggo

最新推荐文章于 2018-04-12 18:41:04 发布

阅读量566

点赞数

CC 4.0 BY-SA版权

分类专栏： angular 文章标签： angular destroy interval

本文链接：https://blog.youkuaiyun.com/qq_37528031/article/details/72954660

angular 专栏收录该内容

5 篇文章

订阅专栏

本文介绍在Angular中如何正确地管理定时器，使用$interval服务来实现页面数据的轮询，并在控制器销毁时取消定时任务，避免内存泄漏。

angular中的定时器销毁不能直接用 clearInterval(interval);

  interval = $interval(intervalGetMonitorData, 10000);
     $scope.stop = function () {
    $interval.cancel(interval);
};

$scope.$on('$destroy', function () {
    $scope.stop();
});


当在一个页面需要轮询的时候我就可以用到$timeout,当切换到下一个控制器的时候停止当前页面的timeout操作用到$destroy.