0

私が望む 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;
}

});
4

1 に答える 1