AngularJs-destroy事件（页面离开事件）

最新推荐文章于 2022-09-30 13:55:45 发布

希江木

最新推荐文章于 2022-09-30 13:55:45 发布

阅读量882

点赞数

分类专栏： # js

原文链接：https://www.cnblogs.com/miny-simp/p/7133618.html

版权

js 专栏收录该内容

12 篇文章

订阅专栏

本文详细介绍了在AngularJS中如何使用$destroy事件来清除页面跳转后的监听事件，避免了因未清理监听导致的内存泄漏问题。通过实例展示了在Controller中监听$destroy事件，确保在页面跳转后能够正确地清理当前页面的监听器，如window.scroll事件，防止在下一页scroll时继续触发。同时，文章还提供了一个示例，演示了如何在$destroy事件的回调中检查必填信息是否完整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    $scope.$on("$destroy", function() {
            //清除配置,不然scroll会重复请求
        })

在Controller中监听$destory事件，这个事件会在页面发生跳转的时候触发。

在页面跳转之后，这个页面监听的一些全局事件，比如window.scroll事件在下一页scroll的时候还会继续被触发

在这个事件的回调中，清除当前页面的监听或者一些参数保证下面的页面不会再触发当前页面的事件回调.

controller：'UserInfo'
//验证必填信息
$scope.$on("$destroy", function() {
   if(!$scope.currentUser.telephone || !$scope.currentUser.address){
      layer.alert("请将个人信息补充完整");
      $location.path("userInfo");
   }
})