Angular JS $ locationChangeStart獲取下一個url路由對象

Question

我試圖在我的角度應用程序上實現授權，當路線改變時我想檢查路線是否授權給用戶。我嘗試了$routeChangeStart，但它不能阻止事件發生。

我當前的代碼：

$scope.$on('$routeChangeStart', function(event, next, current) { 
     if(current_user.is_logged_in){ 
      var route_object = next.route_object; 
      if(!(route_object.route_roles)){ 
       event.preventDefault(); 
      } 
     } 
    }); 

在這裏，我next對象我得到route_object這是在我的$routeProvider

var routes = object; 
    app.config(function($routeProvider) { 
       $routeProvider.when(url, { 
        templateUrl: "/users.html", 
        route_object: routes, 
        }); 
      }); 

routes是這是在我的功能構成的物體設定，但是當我使用$locationChangeStart我只是獲取下一頁和上一頁的網址，

如何獲取整個路線對象？

Answer 1

你可以得到的路由參數在$locationChangeStart事件監聽器是這樣的：

$scope.$on('$locationChangeStart', function(event, next, current) { 
    if(current_user.is_logged_in){ 
     var route_object = ($route.routes[$location.path()]).route_object; //This is how you get it 
     if(!(route_object.route_roles)){ 
      event.preventDefault(); 
     } 
    } 
}); 

那麼經典的preventDefault方法將做的工作。這是我爲類似的東西寫的plunker。

Answer 2

下一個。$$路由包含什麼？

應該有一個未來$$ route.route_object

Answer 3

您還可以使用$位置提供商要做到這一點，如：

.run(['$rootScope','$location',function($rootScope,$location){ 
     $rootScope.$on('$routeChangeStart', function(event,next, current) { 
     console.log('next',next); 
     console.log('location',$location.path()); 
     console.log('location',$location.search()); // for route params 
    }); 
    }])` 

Answer 4

$routeProvider 
     .when('/', { 
      title: 'Home', 
      templateUrl: 'partials/home', 
      controller: 'HomeController', 
      access: { 
       isFree: true 
      } 
     }) 
     .when('/about-us', { 
      title: 'About us', 
      templateUrl: 'partials/aboutus', 
      controller: 'AboutUsController', 
      access: { 
       isFree: true 
      } 
     }) 
     .when('/how-it-works', { 
      title: 'How It Works', 
      templateUrl: 'partials/howitworks', 
      controller: 'HowItWorksController', 
      access: { 
       isFree: true 
      } 
     }) 
     .when('/login', { 
      templateUrl: 'users/login', 
      controller: 'LoginController', 
      access: { 
       isFree: true 
      } 
     }) 
     .when('/logout', { 
      controller: 'LogoutController', 
      access: { 
       isFree: false 
      } 
     }) 
     .when('/sign-up', { 
      templateUrl: 'users/signup', 
      controller: 'SignUpController', 
      access: { 
       isFree: true 
      } 
     }) 
     .otherwise({ 
      redirectTo: '/' 
     }); 
}) 


.run(['$rootScope', '$location','$log','$window','Auth' ,function($rootScope, $location, $log, $window, Auth) { 

    $rootScope.$on('$routeChangeStart', function(event, currRoute, prevRoute){ 
     $rootScope.title = ''; 
     if(currRoute.$$route.title !== undefined){ 
      $rootScope.title = currRoute.$$route.title ; 
     } 
     // $rootScope.userLoggedIn = {name : 'Hi, '+ 'Amar'}  

     let checkIsLoggedInForRoute = ['/login','/sign-up']; 
     let isFreeAccess = currRoute.$$route.access.isFree; 
     let isLoggedIn = Auth.isLogin(); 

     if(isFreeAccess){ 
      if(checkIsLoggedInForRoute.indexOf($location.path()) !== -1 && isLoggedIn){ 
       event.preventDefault(); 
       $location.path('/') 
      } 
     }else if(!isFreeAccess){ 
      let isLogoutRoute = currRoute.$$route.originalPath.indexOf('/logout') !== -1; 
      if(isLogoutRoute && isLoggedIn){ 
       Auth.logout();   
       $location.path('/');  
      }else if(isLogoutRoute && !isLoggedIn){ 
       $location.path('/login'); 
      } 
     } 
    }); 
}]);