How to nav.push outside an ion-tabs?

@icarus_31 wrote:

Hi,

Here my situation:

I have a Tabs page where one tab has a list of items. When clicking on one item, I want to get out from the Tabs page and go to the new Page and still keep the navigation history. Right now, the new Page is displayed inside the Tab where I click the item.

Any suggestion?

Here a code summary of what I have. you will see that I have a ion-navbar in the Tabs.html. The reason is I have other pages before showing the Tabs.html and I want to be able to go back to previous page. That's the only solution that I found so far.

Tabs.html

<ion-navbar>
  ...
</ion-navbar>

<ion-content>
  <ion-tabs>
    <ion-tab [root]="tab1"></ion-tab>
  </ion-tabs>
</ion-content>

Tab1.html

<ion-content>
  <ion-list>
    <button ion-item *ngFor="#item of items" (click)="itemClicked(item)">
      {{item.id}}
    </button>
  </ion-list>
</ion-content>

Tab1.ts

itemClicked(item) {
  this.nav.push(Page1);
}

Posts: 1

Participants: 1

Read full topic