角获取路由参数开始

Question

我的路线设置，像这样：

app.config(function($routeProvider) { 

    $routeProvider 

    //login 
    .when("/", { 
    templateUrl : "framework/views/login.html", 
    controller : "LoginCtrl", 
    title: "Login", 
    authenticate: false 
    }) 

    //dashboard 
.when("/dashboard", { 
    templateUrl : "framework/views/dashboard.html", 
    controller : "DashboardCtrl", 
    title: "Dashboard", 
    authenticate: true 
    }); 
}); 

现在我想如果authenticate设置为true路线上的重定向位置的变化，但一个session variable不true。

例如：

$rootScope.$on("$locationChangeStart", function(event, newURL, oldURL){ 
    if (toState.authenticate && $window.sessionStorage.isLoggedIn) { 
    $location.path("/"); 
    } 
}); 

这工作，如果我用$routeChangeStart代替，但我简要地看的下一个路由重定向之前。位置改变似乎停止了，但我不能解决如何访问路由参数（即验证参数）。

我该怎么做？或者有更好的方法吗？

Answer 1

您应该使用.when（）中的resolve参数。这是一个承诺，您可以在渲染视图之前设置必须满足的某些标准。您可以在这里找到一个很好的演示视频：https://egghead.io/lessons/angularjs-resolve

Answer 2

正如我在评论和库珀 的需求说我发布一个例子：

angular.module('myApp',[]) 
    .factory('httpInterceptor', ['$q', '$location',function ($q, $location) { 
     var canceller = $q.defer(); 
     return { 
      'request': function(config) { 
       // promise that should abort the request when resolved. 
       config.timeout = canceller.promise; 
       return config; 
      }, 
      'response': function(response) { 
       return response; 
      }, 
      'responseError': function(rejection) { 
       if (rejection.status === 401) { 
        canceller.resolve('Unauthorized'); 
        $location.url('/user/signin'); 
       } 
       if (rejection.status === 403) { 
        canceller.resolve('Forbidden'); 
        $location.url('/'); 
       } 
       return $q.reject(rejection); 
      } 

     }; 
    } 
    ]) 
    //Http Intercpetor to check auth failures for xhr requests 
    .config(['$httpProvider',function($httpProvider) { 
     $httpProvider.interceptors.push('httpInterceptor'); 
    }]) 
    .config(['$stateProvider',function($stateProvider) { 

     // states for users 
     $stateProvider 
     .state('users', { 
      abstract: true, 
      templateUrl: 'users/views/users.html', 
      resolve: { 
       issessionedin: function(Sessions){ 
        return Sessions.isLoggedIn(); 
       } 
      } 
     }) 
     .state('users.account', { 
      url: '/user/account/:id', 
      templateUrl: 'users/views/account.html', 
      resolve: { 
       user: function(Users, $stateParams){ 
        return Users.get($stateParams.id); 
       } 
      }, 
      controller:'UserAccountController' 
     }) 
    }]) 
    .factory('Sessions', ['$http', 
     function($http) { 
      return{ 
       isSessionedIn :function() { 
        $http.get('/api/v1/issessionedin'); 
       }, 
       isLoggedIn :function() { 
        $http.get('/api/v1/isloggedin'); 
       }, 
       hasAccess :function(permission) { 
        $http.get('/api/v1/hasaccess/'+permission); 
       } 
      }; 
     } 
    ]); 

当然

你需要的代码服务器端返回的HTTP状态代码