angular js browser back button dosn't work when routing

Question

i have this routing code on my app:

var app = angular.module('docFinder', [])

app.config(function($routeProvider){
    $routeProvider.
      when('/', 
      {            
        controller: docTable,
        templateUrl: 'partials/finder.html'
      }).
      when('bio/:finderId', 
      {          
        controller: bioCtrl,
        templateUrl: 'partials/bio.html'
      }).
      otherwise({redirectTo: '/'});
});

when i start my app and go to root y click on a link to the second route

once i get there i hit the back button on my browser and it dosn't goes back it only refreshes my current page, any ideas on the problem?

EDIT:

Solution

<tr ng-repeat="doc in providers" ng-mouseover="mouseOverDoc(doc)" ng-mouseleave="mouseLeave()">      
   <td><a href="#bio/{{doc.provider.Id}}"> {{doc.provider.FirstName}} </a></td>

</tr>

Your routes look about right, can you show the code you use to go to another page? — laurent
– laurent, Commented Jun 6, 2013 at 16:33
This doesn't work with IE7 (at least), if that's what you're using — Roy Truelove
– Roy Truelove, Commented Jun 6, 2013 at 16:43
Wouldn't a path such as "/" matches both your route / and /:finderId (finderId being null). Did you try with a route such as /bio/:finderId, just to make sure AngularJS doesn't get confused with the routes? — laurent
– laurent, Commented Jun 6, 2013 at 16:53
just tried, and didnt work, i edited my questio with the changes — Rodrigo Zurek
– Rodrigo Zurek, Commented Jun 6, 2013 at 17:09

XenoN · Accepted Answer · 2013-06-13 09:12:15Z

8

Use #/ on link. it seems bug on angular js. for example:

 <td><a href="#/bio/{{doc.provider.Id}}"> {{doc.provider.FirstName}} </a></td>

answered Jun 13, 2013 at 9:12

XenoN

9951 gold badge10 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sagar Ranglani · Accepted Answer · 2013-09-29 09:45:38Z

5

It doesn't seem to be a bug to me.

AngularJS provides two configuration modes for $location service to control the format of the URL in the browser's address bar.

Hashbang Mode (#!)
HTML5 Mode

This can be resolved if you set the configuration to HTML5 Mode using { html5Mode: true }.

answered Sep 29, 2013 at 9:45

Sagar Ranglani

5,7014 gold badges37 silver badges47 bronze badges

1 Comment

thynctank Over a year ago

It seems like it shouldn't correctly handle both in either mode. Non-hash links should fail in hashbang mode, and hash links should fail or only trigger a search change in html5 mode.

Collectives™ on Stack Overflow

angular js browser back button dosn't work when routing

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related