Angular JS $locationChangeStart nächsten url-route-Objekt

Bin ich versucht zu implementieren Autorisierung auf meine eckige Anwendung, wenn eine route geändert wird, möchte ich prüfen, ob die route ist berechtigt, für den Nutzer oder nicht. Ich habe versucht, mit $routeChangeStart aber es hat nicht verhindert, dass die event.

Mein Aktueller code:

$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();
            }
        }
    });

Hier in meinem next Objekt bin ich immer route_object, die in meinem $routeProvider

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

routes ist ein Objekt, das gebildet wird, in meiner Funktion, aber wenn ich $locationChangeStart ich bin immer nur der url der nächsten und vorherigen Seite,

Wie bekomme ich die gesamte route-Objekt??

InformationsquelleAutor Niraj Chauhan | 2014-10-31

17

Können Sie die parameter der route in einem $locationChangeStart Ereignis-listener wie diese:
```
$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();
        }
    }
});
```
Dann klassische preventDefault-Methode würde die Arbeit machen. Hier ist ein plunker, den ich geschrieben habe für etwas ähnliches.

Das ist eigentlich für mich arbeiten, aber das Problem ist $location.$$path zurück /users aber in meiner route habe ich als URL /users/:id? Wegen denen ich eine Fehlermeldung.
Was ist der Fehler???
Und das funktioniert nicht. Wenn $Ort.Pfad /Benutzer/10 dann die route /user/:id kann nicht gefunden werden.
fyi, wenn Sie mit dem ui.router, müssen Sie $stateChangeStart.

InformationsquelleAutor s.alem

    $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');
            } 
        }
    });
}]);

Hallo und herzlich willkommen auf StackOverflow! Wie kommt diese Antwort, die Verbesserung der bereits vorhandenen, akzeptierten Antworten?
Verbessern Sie die Qualität dieser Antwort durch das hinzufügen einer Beschreibung, wie diese Antwort funktioniert und so, wie es verbessert die Fragesteller die situation.

InformationsquelleAutor user3683589

0

Was enthalten ist in weiter.$$route?

Sollte es eine nächste.$$route.route_object

Innerhalb $locationChangeStart next ist nur ein string.
Verwenden Sie kein $locationChangeStart... $routeChangeStart ist, wo Sie sein wollen: $scope.$on('$routeChangeStart', function(event, next, current) { console.log(JSON.stringify(next.$$route, null, 4)); if(current_user.is_logged_in){ var route_object = next.$$route.route_object; if(!(route_object.route_roles)){ event.preventDefault(); } } });
Yaa, das funktioniert, aber ich kann nicht verhindern, dass das Ereignis innerhalb $routeChangeStart
Es scheint nicht ein Weg, zu negieren, den event (wie man innerhalb einer Funktion, die ausgelöst wurde von einem broadcast -) ... aber ich fand diese, die helfen könnten: link
Sorry, deine Frage war: Wie bekomme ich die gesamte route-Objekt?? Das ist alles was ich versuchte zu Antworten...

InformationsquelleAutor Gavin van Gent

Können Sie auch verwenden, $location-Anbieter tun dies, wie :

.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
     });
    }])`

InformationsquelleAutor Peter Wilson

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.