CODEWITHSUNDEEP
angularjsangular-ui-routerionic-framework
Yasser B.
Yasser B.

Reputation: 835

Navigation between two ion-views without nav bar

I'm using the awesome framework Ionic to build my first application.

I want to be able to navigate between ion views without the need to use a nav bar.

I have page1 and Page2 I can navigate to the page 2 from the page 1 but I can get back to the page 1 from the page 2.

i'm using a simple button to naviate like :

<button class="button button-clear button-positive" ui-sref="tab.chats" >go</button>

here is my full code : PLUNKER CODE + DEMO

Upvotes: 0

Views: 341

Answers (1)

LeftyX
LeftyX

Reputation: 35587

You're using your tabs wrong.

Your tabs must be wrapped in a tabs directive.

<ion-tabs class="tabs-item-hide">

  <ion-tab title="dash" href="#/tab/dash">
    <ion-nav-view name="tab-dash"></ion-nav-view>
  </ion-tab>

  <ion-tab title="chats" href="#/tab/chats">
    <ion-nav-view name="tab-chats"></ion-nav-view>
  </ion-tab>

</ion-tabs>

tabs-item-hide cause you want to hide them.

Plunker.

Upvotes: 1

Related Questions