angularJs 页面定时刷新

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();

};

 

上面是我在项目开发中用到的刷新页面的常用方式，以后用到了其他刷新页面的方式，再总结于此。