Clear History and Reload Page on Login/Logout Using Ionic Framework

angularjs angular-ui-router ionic-framework
frictionlesspulley picture frictionlesspulley · Aug 7, 2014 · Viewed 112k times · Source

I am new to mobile application development with Ionic. On login and logout I need to reload the page, in order to refresh the data, however, $state.go('mainPage') takes the user back to the view without reloading - the controller behind it is never invoked.

Is there a way to clear history and reload the state in Ionic?

Answer

JimTheDev picture JimTheDev · Aug 8, 2014

Welcome to the framework! Actually the routing in Ionic is powered by ui-router. You should probably check out this previous SO question to find a couple of different ways to accomplish this.

If you just want to reload the state you can use:

$state.go($state.current, {}, {reload: true});

If you actually want to reload the page (as in, you want to re-bootstrap everything) then you can use:

$window.location.reload(true)

Good luck!

Related questions

Ionic framework $state.go('app.home'); is adding back button on page where i want to go (how to remove it)?

I have app with sidebar menu. I am on second page and i'm calling controller function which redirect me to first page using: $state.go('app.home'); Problem is that on this page is now displayed back button next sidebar …

Read More
Why give an "abstract: true" state a url?

I've be fiddling around with ui-router today in trying to better understand the scaffolding in Ionic and one thing that I noticed was that they give the abstracted state of "tabs" a url. The only times I've ever used abstract …

Read More
Remove page from history, so "back" will work properly

I have my app that you need to login to get in to the other pages. so the first page is "login" and it checks if you are already logged, if so you will be redirected to the main page …

Read More