可以使用ui-router的$stateChangeSuccess事件来检测当前页面是否重新加载。下面是一个使用AngularJS和ui-router1.x的示例代码:
首先,确保你已经引入了AngularJS和ui-router的库文件。
在你的应用程序模块中注入ui.router模块,如下所示:
var app = angular.module('myApp', ['ui.router']);
app.controller('myController', function($scope, $rootScope) {
$rootScope.$on('$stateChangeSuccess', function(event, toState, toParams, fromState, fromParams) {
// 当页面重新加载时,执行以下代码
console.log('页面重新加载');
});
});
app.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('home', {
url: '/home',
templateUrl: 'home.html',
controller: 'homeController'
})
.state('about', {
url: '/about',
templateUrl: 'about.html',
controller: 'aboutController'
});
$urlRouterProvider.otherwise('/home');
});
在上面的代码中,当切换到'home'或者'about'状态时,会触发$stateChangeSuccess事件。
这样,当页面重新加载时,$stateChangeSuccess事件会被触发,你可以在事件监听器中执行相应的代码。