Add tabs and side menu globally

I am using the latest ionic 4.10.0. I want to create a template with tabs and side menu on every page.I made required changes elsewhere for menu to display.I formatted the app.component.html to look like this.











<ion-menu-toggle auto-hide="false" *ngFor="let p of appPages">

<ion-item [routerDirection]="'root'" [routerLink]="[p.url]">

<ion-icon slot="start" [name]="p.icon"></ion-icon>









<ion-router-outlet main></ion-router-outlet>



<ion-tab-bar slot="bottom">

<ion-tab-button tab="tab1">

<ion-icon name="home"></ion-icon>



<ion-tab-button tab="tab2">

<ion-icon name="mic"></ion-icon>






Either the menu works or tab works.Combination of both doesn’t work

1 Like