title: angular js browser back button dosn't work when routing
body: <p>i have this routing code on my app:</p>
  
  <pre><code>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: '/'});
  });
  </code></pre>
  
  <p>when i start my app and go to root y click on a link to the second route</p>
  
  <p>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?</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p><strong><em>Solution</em></strong></p>
  
  <pre><code>&lt;tr ng-repeat="doc in providers" ng-mouseover="mouseOverDoc(doc)" ng-mouseleave="mouseLeave()"&gt;      
     &lt;td&gt;&lt;a href="#bio/{{doc.provider.Id}}"&gt; {{doc.provider.FirstName}} &lt;/a&gt;&lt;/td&gt;
  
  &lt;/tr&gt;
  </code></pre>