Is there anyway to create tabbed page without state routing


#1

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>

#2

did u find solution for this


#3

Unfortunately no :frowning: