页面定时刷新并在页面离开时停止自动刷新
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();
};
上面是我在项目开发中用到的刷新页面的常用方式,以后用到了其他刷新页面的方式,再总结于此。