I am trying to do a hybrid app using ionic with the structure that look like this:
#/app (sidemenu.html) #/app/noTabContent1 (notab-content1.html) #/app/noTabContent2 (notab-content2.html) #/app/tab1 (tab1.html) #/app/tab1/content1 (tab1-content1.html) #/app/tab1/content2 (tab1-content2.html) #/app/tab2 (tab2.html) #/app/tab2/content1 (tab2-content1.html) #/app/tab2/content2 (tab2-content2.html)
The problem is that, it seems like conflict between the tab page. For example, if I first visit
tab1 content page, then I go visit
tab2 content page later on, it will still display
tab1 content. If I visit
tab2 content page first, it will always display
tab2 content no matter how I try to access
tab1 content page.
I have put my example code here ( http://codepen.io/anon/pen/LpVVOr?editors=101) for easier understanding. If you can’t see the problem, please try to refresh the page after testing one of the tab.
Why is it like that? Is my structure wrong? Or, it is ionic bug? How can I overcome it?