Tabs+menu , not being able to show menu

hi, I am trying to enable menu, but menu does not show…I dont know what im doing wrong!!


  export interface PageInterface {
    title: string;
    component: any;
    icon: string;
    index?: number; 

     templateUrl: 'app.html'
    export class MyApp {

      @ViewChild (Nav) nav: Nav;
          appPages: PageInterface[] = [
             {title: 'About', component: TabsPage, icon: 'information-circle'},
             {title: 'Jobs', component: TabsPage, index: 1, icon: 'briefcase'},
             {title: 'Contact', component: TabsPage, index: 2, icon: 'contacts'},
             {title: 'Home', component: TabsPage, index: 3, icon: 'home'},
             {title: 'Animation', component: TabsPage, index: 4, icon: 'home'}

          rootPage: any;

           constructor(public platform: Platform, public jobsData: JobsData, public storage: Storage,
               public local: Local, public menu: MenuController) {
                 this.rootPage = TabsPage;
       , 'myMenu');

                 jobsData.load().subscribe(res => {


      openPage(page: PageInterface) {
         if (page.index) {
            this.nav.setRoot(page.component, { tabIndex: page.index });
         } else {
          this.nav.setRoot(page.component).catch(() => {
            console.log("Didn't set nav root");

         this.platform.ready().then(() => {


   <ion-menu id="myMenu" [content]="content">



        <button menuClose ion-item *ngFor="let p of appPages" (click)="openPage(p)">
           <ion-icon item-left [name]="p.icon"></ion-icon>

<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>

Try creating a new app using Ionic Super Starter. It includes both menu and tabs and it works like a charm. You can then compare the code to yours to see what’s different. I hope it helps

1 Like

Hi, thank you for reply… actually it was working fine , i just didn’t add a menu button… however when there is no button it should work when you swipe the screen so the menu appears… testing on web its working fine… but when i test it on real device…it does not respond, only sometimes…im not sure if this is a bug or you have to have a menu button on top in order to toggle between them !