私が望む Web アプリケーションでは、ユーザーが $state にルーティングするときに、Angular はトークンがあるかどうか、およびアクセス許可があるかどうかを確認します。しかし、問題があります。event.preventDefault() を実行しても、ループが開始され、ブラウザがクラッシュします。このループを防ぎ、ユーザーが移動できるようにするか、ナビゲーションをブロックするにはどうすればよいですか?
コード:
.run(function ($rootScope, $window, $state, Auth) {
$rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState, $window) {
// Easy case that doesn't loop: just 'return'
if (toState.name === 'login' ){
// doe she/he try to go to login? - let him/her go
return;
}
if (Auth.isLoggedIn && $window.localStorage.identityToken) {
var requiredAdmin = toState.data.requiredAdmin;
if (requiredAdmin && $window.localStorage.isAdmin){
$state.go(toState.name); // it starts the loop
} else { // if he is logged but has no permission, stop the navigation
$state.go(fromState.name); // it starts the loop
}
return;
}
});