I have an application that uses Ionic tabs; a simple example of my problem can be reproduced there.
There are two tabs: home and settings.
In the state manager, there is a single top-level (abstract) state tabs. The nested tabs.home state describes the home tab. The nested tabs.settings state is abstract and contains two nested states: tabs.settings.index and tabs.settings.sub. The former describes the settings tab, and the latter shows a sub-view of my settings tab (a very simple example of this setup can be found on the UI router wiki).
The home tab offers a button to navigate to the tabs.settings.sub state directly (it uses $state.go(), but the behavior is the same when using ui-sref).
The problem is that after navigating to this tabs.settings.sub state, my tabs.settings.index state is inaccessible from now on: clicking the settings tab always uses the tabs.settings.sub state.
I can think of two approaches to get back to the parent view (ie. tabs.settings.index state), but I don't know how to implement them, and as a consequence don't whether it's feasible:
tabs.home state); orHow can I get back to my tabs.settings.index state? Thanks,
I worked around this problem by showing the view of state tabs.settings.sub in a modal. More details in this answer.