angularJs 页面定时刷新

页面定时刷新并在页面离开时停止自动刷新

var autoRefresh; //自动刷新 autoRefresh = $interval($scope.loadData, 60000); //停止自动刷新 $scope.stopAutoRefresh = function () { if (autoRefresh) { $interval.cancel(autoRefresh); autoRefresh = null; } }; //切换页面时停止自动刷新 $scope.$on('$routeChangeStart', function (angularEvent, current, previous) { $scope.stopAutoRefresh(); });

 
  .state('test', {  
  
 
  
 
        url: '/test', 
  
 
  
 
       cache:'false',  
  
 
  
 
       templateUrl: 'templates/test.html',  
  
 
        controller: 'testCtrl'  
  
 
      })  
  
 
  $state.go("xxx", {}, { reload: true }); 
  
 
  
 
    .state('test', { 
  
 
        url: '/test', 
  
 
        templateUrl: 'templates/test.html', 
  
 
        controller: 'testCtrl' 
  
 
      }) 
  
 
  .controller('testCtrl', function($scope,$state,$window) { 
  
 
      $scope.loadData= function() { 
  
 
              alert(123); 
  
 
      } 
  
 
      $scope.loadData(); 
  
 
  })  
 

 
  3、 
   
    AngularJs 刷新页面可采用下面的方式：首先先在控制器中注册$window，然后定义函数$scope.reloadRoute，在需要刷新页面的地方调用函数$scope.reloadRoute即可。
 $scope.reloadRoute = function () {
     $window.location.reload();
 
   }; 
     
   上面是我在项目开发中用到的刷新页面的常用方式，以后用到了其他刷新页面的方式，再总结于此。