我正在使用
以下是我的路径配置:
ui.router
来进行Angular应用程序的路由。有一个典型的登录场景,如果用户未登录,我会将他重定向到登录URL。如果不使用ui.router库,这将通过$routeChangeStart事件结合$location.path
正常工作。现在,我正在使用$stateChangeStart
事件结合$state.go
,但什么都没有起作用!它也会使我的浏览器陷入无限循环。我从其他来源了解到这是一个已知的问题,而且没有任何建议的解决方案适用于我。此外,$location.path
也无法重定向到登录页面。以下是我的路径配置:
.config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) {
$stateProvider
.state('main', {
url: '/',
templateUrl: 'views/main.html',
controller: 'MainCtrl'
})
.state('about', {
url: '/about',
templateUrl: 'views/about.html',
controller: 'AboutCtrl'
})
.state('login', {
url: '/login',
templateUrl: 'views/loginform.html',
controller: 'LoginCtrl'
});
$urlRouterProvider.otherwise("/");
}])
我的run
方法:
.run(['$state', '$rootScope', '$location', function($state, $rootScope, $location) {
//Check when routing starts
//event, next, current
$rootScope.$on( '$stateChangeStart', function(e, toState, toParams, fromState, fromParams) {
//Redirect to login if the user is not logged in
if (!isUserLoggedIn) {
//Some suggestion
//e.preventDefault();
console.log('Not logged in');
//Infinite loop, kills my browser!
$state.go('login');
$state.transitionTo('login');
//Some suggestion
$state.go('login', { url: '/login'});
//Doesn't work
$location.path('/login');
//$location.path( $state.href('login');
console.log('Redirected');
}
});
isUserLoggedIn
定义在哪里? - Phil