Yes, I need a page (mainPage) to show that has a three part of a data. For example: I want to put first tab for description, second tab for history and third part for related. Every page has a same navbar buttons and footer buttons. Becaouse of this I dont want to create three page and three state.
Using three states has a disadvantages. When state was changed same button, same title and same footer parts reloaded and become a glipse.
Is there anyway to create tabbed page that navigating without state routing. So I want to use only tabbed html interface not tabbed state routing. May be something like this:
<ion-tabs class="tabs-icon-top tabs-positive">
<ion-tab title="Home" icon="ion-home" href="#/tab/home">
<ion-view>
<ion-nav-bar>
...header buttons
</ion-nav-bar>
<ion-content>
....Content
</ion-content>
<ion-footer-bar>
...footer buttons
</ion-footer-bar>
</ion-view>
</ion-tab>
<ion-tab title="About" icon="ion-ios7-information" href="#/tab/about">
<ion-view>
<ion-nav-bar>
...header buttons
</ion-nav-bar>
<ion-content>
....Content
</ion-content>
<ion-footer-bar>
...footer buttons
</ion-footer-bar>
</ion-view>
</ion-tab>
<ion-tab title="Contact" icon="ion-ios7-world" ui-sref="tabs.contact">
.....
</ion-tab>
</ion-tabs>