angularjs getting previous route path

Question

lt h1 gt   header   lt  h1 gt   lt  -- This Back button has multiple option -- gt   lt  -- In home page it will show menu -- gt   lt  -- In other views it will show back link -- gt   lt a ng-href    back url    gt   back text   lt  a gt   lt div ng-view gt  lt  div gt    In my module config     routeProvider    when            controller HomeCtrl      templateUrl  home html          when   menu         controller MenuCtrl      templateUrl  menu html          when   items         controller ItemsCtrl      templateUrl  items html          otherwise       redirectto             Controllers  function HomeCtrl  scope   rootScope      rootScope header    Home      rootScope back    url    menu   text  Menu       function MenuCtrl  scope   rootScope      rootScope header    Menu      rootScope back    url       text  Back       function ItemsCtrl  scope   rootScope      rootScope header    Items      rootScope back    url       text  Back        As you can see in my controllers I have hard coded the back button url and text  Actually I don t need the text as using an image   In this way I found back button navigate incorrectly in some cases  I cannot use history back   coz my back button changes to a menu link in home view   So my question is how do I get the previous route path in controllers or is better way to achieve this    I have created a Plunker demonstration of my problem  Please check that

User · Answer

This alternative also provides a back function.

The template:

<a ng-click='back()'>Back</a>

The module:

myModule.run(function ($rootScope, $location) {

    var history = [];

    $rootScope.$on('$routeChangeSuccess', function() {
        history.push($location.$$path);
    });

    $rootScope.back = function () {
        var prevUrl = history.length > 1 ? history.splice(-2)[0] : "/";
        $location.path(prevUrl);
    };

});

User · Answer

modification for the code above    scope  on   locationChangeStart  function evt  absNewUrl  absOldUrl       console log  prev path      absOldUrl   route originalPath

User · Answer

This is how I currently store a reference to the previous path in the  rootScope   run    rootScope   function  rootScope             rootScope  on   locationChangeStart   function                  rootScope previousPage   location pathname

User · Answer

In your html      lt a href  javascript void 0    ng-click  go back    gt Go Back lt  a gt    On your main controller     scope go back   function         window history back         When user click on Go Back link the controller function is called and it will go back to previous route

User · Answer

andresh For me locationChangeSuccess worked instead of routeChangeSuccess      Go back to the previous stage with this back   call var history        rootScope  on   locationChangeSuccess   function         history push  location   path         rootScope back   function                var prevUrl   history length  gt  1   history splice -2  0                    location path prevUrl             history         Delete history array after going back

User · Answer

Use the  locationChangeStart or  locationChangeSuccess events  3rd parameter    scope  on   locationChangeStart  function evt  absNewUrl  absOldUrl       console log  start   evt  absNewUrl  absOldUrl        scope  on   locationChangeSuccess  function evt  absNewUrl  absOldUrl       console log  success   evt  absNewUrl  absOldUrl

User · Answer

You ll need to couple the event listener to  rootScope in Angular 1 x  but you should probably future proof your code a bit by not storing the value of the previous location on  rootScope  A better place to store the value would be a service   var app   angular module  myApp        service  locationHistoryService   function        return           previousLocation  null           store  function location               this previousLocation   location                      get  function                return this previousLocation                run    rootScope    locationHistoryService   function  location  locationHistoryService        rootScope  on   locationChangeSuccess   function e  newLocation  oldLocation           locationHistoryService store oldLocation

User · Answer

Just to document   The callback argument previousRoute is having a property called  route which is much similar to the  route service  Unfortunately currentRoute argument  is not having much information about the current route   To overcome this i have tried some thing like this    routeProvider     when            controller          templateUrl            routeName  Home          when   menu         controller          templateUrl            routeName  Site Menu         Please note that in the above routes config a custom property called routeName is added   app run function  rootScope   route         Bind the   routeChangeSuccess  event on the rootScope  so that we dont need to        bind in induvidual controllers       rootScope  on   routeChangeSuccess   function currentRoute  previousRoute              This will give the custom property that we have defined while configuring the routes          console log  route current routeName

[angularjs] angularjs getting previous route path

Examples related to angularjs

Examples related to angularjs-routing