輕鬆地重定向到Angular登錄？

Question

有沒有更容易的方式重定向到login狀態，而不使用resolve: {}在每個國家？我的應用程序正在不斷增加，並且向各個州添加像loginRequired或skipIfLoggedIn這樣的解決方案正在混淆我的配置塊。如果有幫助，我使用Satellizer進行身份驗證。

例模塊航線配置：

(function() { 

    'use strict'; 

    angular 
     .module('uberCoolModule') 
     .config(configRoutes); 

    configRoutes.$inject = ['$stateProvider']; 
    function configRoutes ($stateProvider) { 

     $stateProvider 

      .state('login', { 
       url   : '/login', 
       templateUrl : 'entrance/login/login.html', 
       data  : { pageTitle: 'Login' }, 
       resolve: { 
        skipIfLoggedIn: skipIfLoggedIn 
       } 
      }) 
      .state('logout', { 
       url   : '/logout', 
       controller : 'Logout' 
       resolve: { 
        loginRequired: loginRequired 
       } 
      }) 
      .state('members', { 
       url   : '/members', 
       controller : 'Home' 
       resolve: { 
        loginRequired: loginRequired 
       } 
      }); 

     function skipIfLoggedIn($q, $auth) { 
      var deferred = $q.defer(); 
      if ($auth.isAuthenticated()) { 
       deferred.reject(); 
      } else { 
       deferred.resolve(); 
      } 
      return deferred.promise; 
     } 

     function loginRequired($q, $location, $auth) { 
      var deferred = $q.defer(); 
      if ($auth.isAuthenticated()) { 
       deferred.resolve(); 
      } else { 
       $location.path('/login'); 
      } 
      return deferred.promise; 
     } 

    } 

})(); 

Answer 1

最簡單的方法是有一個包含授權決心父狀態以及做出需要登錄所有的州是父狀態的兒童。

如果它的任何解決的祖先狀態被拒絕

app.state('members', { 
    url: '/members', 
    controller: 'Home' 
    resolve: { 
     loginRequired: loginRequired 
    } 
    }).state('members.profile', { 
    url: '/profile', 
    }); 

在這個例子中去/members/profile會失敗，如果loginRequired被拒絕