Hí,
I’m trying to create a group of buttons like if was an ion-tabs, but inside of the ion-navbar of each page.
Something like this:
I’m entering the same header over each page, but disabling the corresponding button
<ion-header>
<ion-navbar color="primary">
<ion-buttons start>
<button ion-button color="white">
<ion-icon name="home"></ion-icon>
</button>
<button ion-button color="primaryLow" (click)="onClickComment()">
<ion-icon name="chatbubbles"></ion-icon>
</button>
<button ion-button color="primaryLow" (click)="onClickUser()">
<ion-icon name="person"></ion-icon>
</button>
</ion-buttons>
<ion-title text-center>
<img src="./assets/logo.svg" height="30px" />
</ion-title>
</ion-navbar>
</ion-header>
And changing the page with the code:
onClickComment() {
this.navCtrl.setRoot(CommentPage);
}
onClickUser() {
this.navCtrl.setRoot(UserPage);
}
How could I change pages keeping the history as the tabs, and avoiding that the page is built each time?