In my AngularJS app, I have configured the ui-router state as follows:
$locationProvider.html5Mode(true);
$stateProvider
.state('index', {
url: '/index?zoom¢er',
views: {
'map': {
controller: 'MapCtrl',
templateUrl: 'map.html'
}
},
reloadOnSearch:false
});
However, when using the back/forward buttons in the browser, it navigates to a different URL instead of reloading the page with the correct stateParams.
For example: User1 visits http://www.example.com/index?zoom=2¢er=1,2. After performing some operations on the page, the URL changes to http://www.example.com/index?zoom=12¢er=3,4
When the back button is pressed, the URL changes back but the page does not reload to enable the controller to read the query parameters and take appropriate action...
Is there any way to make it work with browser back/forward functionality?