javascript - AngularJS redirect a route only on browser's back button - Stack Overflow

admin管理员组

文章数量:1294342

In my AngularJS application I'm redirecting the route to a specific page when the user isn't logged. To do that I'm using a variable on $rootScope.

Now I would like to prevent the browser's back button when the user is logged. I would like to redirect it to a specific page (the registration view). The problem is I don't know if there's a back button event.

My code is:

 angular.module('myApp',[...]
//Route configurations
}])
.run(function($rootScope, $location){
               $rootScope.$on('$routeChangeStart', function(event, next, current){
                   if(!$rootScope.loggedUser) { 
                       $location.path('/register');
                   }
               });
               $rootScope.$on('$locationChangeStart', function(event, next, current){
                   console.log("Current: " + current);
                   console.log("Next: " + next);
               });
           });

So on $locationChangeStart I would write a pseudocode like:

if (event == backButton){
     $location.path('/register');
}

Is it possible?

A naive solution would be writing a function that checks if next and current are in the wrong order, detecting if the user is going back.

There are other solutions? I'm approaching the problem in a wrong way?

In my AngularJS application I'm redirecting the route to a specific page when the user isn't logged. To do that I'm using a variable on $rootScope.

Now I would like to prevent the browser's back button when the user is logged. I would like to redirect it to a specific page (the registration view). The problem is I don't know if there's a back button event.

My code is:

 angular.module('myApp',[...]
//Route configurations
}])
.run(function($rootScope, $location){
               $rootScope.$on('$routeChangeStart', function(event, next, current){
                   if(!$rootScope.loggedUser) { 
                       $location.path('/register');
                   }
               });
               $rootScope.$on('$locationChangeStart', function(event, next, current){
                   console.log("Current: " + current);
                   console.log("Next: " + next);
               });
           });

So on $locationChangeStart I would write a pseudocode like:

if (event == backButton){
     $location.path('/register');
}

Is it possible?

A naive solution would be writing a function that checks if next and current are in the wrong order, detecting if the user is going back.

There are other solutions? I'm approaching the problem in a wrong way?

• javascript
• angularjs
• http-redirect
• back
• angularjs-routing

Share Improve this question Follow edited Oct 30, 2013 at 17:24 Charles 51.4k1313 gold badges106106 silver badges144144 bronze badges asked Oct 30, 2013 at 14:49 AtropoAtropo 12.6k88 gold badges5050 silver badges6262 bronze badges 2

• What is it that you are trying to achieve? Why block the back button if the route will be redirected? – Brian Lewis Commented Oct 30, 2013 at 15:11
• I want to block the default behaviour of the back button, redirecting it to the first page of my application, when the user is logged. – Atropo Commented Oct 30, 2013 at 15:22

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

I found a solution, which is easier than I thought. I register on a object in $rootScope the actual location and on every location change I check with the new one. In this way I can detect if the user is going back in the history.

angular.module('myApp',[...], {
    //Route configurations
}])
.run(function($rootScope, $location) {
    $rootScope.$on('$routeChangeStart', function(event, next, current) {
        if(!$rootScope.loggedUser) { 
            $location.path('/register');
        }
    });

    $rootScope.$on('$locationChangeSuccess', function() {
        $rootScope.actualLocation = $location.path();
    });

    $rootScope.$watch(function() { return $location.path() },
        function(newLocation, oldLocation) {
            if($rootScope.actualLocation == newLocation) {
                $location.path('/register');
            }
        }); 
    });
});

本文标签： javascriptAngularJS redirect a route only on browser39s back buttonStack Overflow