preserve the actions/state of UI with angular-ui-router

Question

Is there any way with angular-ui-router to actually preserve the state of the UI like most native apps do? For example, if I was on the home view and I clicked an accordion list which expanded, then clicked on that item inside the list and navigated to another view. Next, I decide to go back to the home view. The result I would like to have is the accordion list still expanded when navigating back to the home view rather than refreshing the page.

Is there any way to preserve the actions/state of UI we navigating back and forth between views?

Answer 1

Checkout ui-router extras. I think "Deep State Redirect" probably what you are looking for.