Don't reload page when browser back button is pressed

[Pushpendra Kumar]

Hello,

               I have a list page and on click of any list item i go to show page.

               Now if I press browser back button then list route called and re-render the list page.

               But I don't want this. I want that on pressing browser back button previous page should be seen without reloading it.

               Can we hide it while we are going to show page and when come back then show this?

               Please suggest me the trick.

               List Page ----> show page

                                                 list page(but it should not be reloaded) <-----  browser back button 

Regards,

Pushpendra

[Luke Kende]

Yes, this is one of the challenges I ran into with routing and angular.  Anytime the route changes, the controller and the template are loaded anew.  I think we expect angular to behave like cached pages when users hit the back button and it's just there, but it's not the same context with deep linking.  A couple of ideas:

1.  Don't put the item page in a new route, just ng-hide/ng-show what you want on click and give user a back button so they don't use the browser back button.

2.  Store your list items so that they are not reloading from ajax and the back button will still re-render them very quickly.

[Pushpendra Kumar]

Thanks Luke.

Can I customize browser back button in my controller.

I will get browser back button event and set some vars in $rootscope.

Using that var i will hide and show the list page and ite detail page.

Pushpendra

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to angular+u...@googlegroups.com.
To post to this group, send email to ang...@googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[Luke Kende]

I don't think angular can be aware that the actual back button was pressed, but it can respond to route changes:

$scope.$on('$routeChangeSuccess',function(){

  console.log('location is now', $location.path())

})

--
You received this message because you are subscribed to a topic in the Google Groups "AngularJS" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/angular/2OkTqU5GiOw/unsubscribe.
To unsubscribe from this group and all its topics, send an email to angular+u...@googlegroups.com.

[Sander Elias]

Luke, Pushpendra,

If you switch to html5mode, you gain (some) control over the back-button. This enables the use of the history api

However, this works only well in evergreen browsers tough. no IE<10 (perhaps even 11)

Regards

Sander

[Luke Kende]

Yes, I suppose there are some tricks:

http://stackoverflow.com/questions/15813850/detect-history-back-using-angular