title: Reload page on browser back/forward button in AngularJS with ui router
body: <p>I have the following  config for ui router state in my angularjs app.</p>
  
  <pre><code>    $locationProvider.html5Mode(true);
      $stateProvider
          .state('index', {
              url: '/index?zoom&amp;center',
              views: {
                  'map': {
                      controller: 'MapCtrl',
                      templateUrl: 'map.html'
                  }
              },
              reloadOnSearch:false
      });
  </code></pre>
  
  <p>However, the back forward button in the browser go to different url, but I need to reload the page with the urls as stateParams.</p>
  
  <p>For example:
  User1 go to page <a href="http://www.example.com/index?zoom=2&amp;center=1,2" rel="noreferrer">http://www.example.com/index?zoom=2&amp;center=1,2</a>. 
  then he does bunch operation in the page, the url becomes <a href="http://www.example.com/index?zoom=12&amp;center=3,4" rel="noreferrer">http://www.example.com/index?zoom=12&amp;center=3,4</a></p>
  
  <p>Then he presses the back button, the url changes to the previous one, but I need to reload my page to let the controller read the query parameters to do the right thing...</p>
  
  <p>Any way to let it work with browser back/forward?</p>