CODEWITHSUNDEEP
angulartypescriptionic2ionic3
Vicheanak
Vicheanak

Reputation: 6684

How to keep tab when pushing a new page?

When I push a new tab like this in my controller:

this.nav.push(EditPage);

the tab disappears. How can I keep the tab?

Pic below:

enter image description here

When the new page comes: enter image description here

Upvotes: 2

Views: 1547

Answers (1)

sebaferreras
sebaferreras

Reputation: 44659

You'd need to add the tabSubPages:false config in your ionicBootstrap like this:

ionicBootstrap(MyApp, [], {      
    tabSubPages:false
});

By doing that, and because that each tab has its own history stack, and NavController instances injected into children @Components of each tab will be unique to each tab, the new page will be opened inside the current tab.

UPDATE:

Please notice that with the new release of Ionic 2.0.0-beta.11 (2016-08-05) that config was renamed to tabsHideOnSubPages so it should be:

ionicBootstrap(MyApp, [], {      
    tabsHideOnSubPages:false
});

The previous names have been deprecated. They will still work in the current release but will be removed in the future so please update to the new names.

Upvotes: 3

Related Questions