更改页面时如何停止上一个页面控制器的工作？

Question

我在每个页面的滚动上应用分页。 每次更改页面时，分页功能也会从上一页重新加载。 这样，当我遍历不同页面时，所有这些页面控制器都会每次调用分页功能。 如何停止以前的页面控制器功能正常工作。

分页逻辑是在窗口上滚动到底部时，触发分页功能，页面会获得更多内容。

这是代码：

angular.element($window).bind("scroll",function() {
      var windowHeight = "innerHeight" in window ? window.innerHeight: document.documentElement.offsetHeight;
      var body = document.body,
           html = document.documentElement;
      var docHeight = Math.max(body.scrollHeight,body.offsetHeight, html.clientHeight,html.scrollHeight, html.offsetHeight);
      windowBottom = windowHeight + window.pageYOffset;
      if (windowBottom >= docHeight) {

          if($scope.moredataleft==true && $scope.loadingLoader==false)
            {   

                if($scope.drugnameScroll==true&&$scope.drugSearchScroll==false)
              {
                  if($scope.page==0)
                  {
                    $scope.page=2;
                  }
                  else{
                      $scope.page=$scope.page+1;
                      }
                  $scope.pagination();
              }


            }
          }

       });

Answer 1

我在angularjs中使用$ destroy事件获得了解决方案。 我必须取消绑定@Nikos在注释中建议的滚动事件处理程序，以在控制器被销毁时停止其工作。

$scope.$on('$destroy',function(){ 
  angular.element($window).unbind("scroll"); 
});