Side menu for tab button

Ionic Framework ionic-v3
1

I am trying to keep side menu when I click on one of the tab. Also I have other side menu for other pages. If I am applying menu for tab button its reflecting for other side menus too with the same content which I have for the tab sidemenu

here is my tabs.html page

<ion-tabs [tabsHighlight]="true" [ngClass]="{'tabs-wrapper' : !showTabs}" #content1>
  <ion-tab [root]="tab1Root"
    tabTitle="Home"
    tabIcon="md-home"></ion-tab>
  <ion-tab [root]="tab2Root"
    tabTitle="Notifications"
    tabIcon="md-notifications"
    [tabBadge]="_notificaionCount"
    badge-style="badge-assertive"></ion-tab>
  <ion-tab [root]="tab3Root"
    tabTitle="Location"
    tabIcon="md-pin"></ion-tab>
  <ion-tab
    tabTitle="More"
    tabIcon="ios-more"
    (ionSelect)="openMoreOptions()"
   >
  </ion-tab>
</ion-tabs>



<ion-menu [content]="content1" side="right"
type="overlay" >
  <ion-header>
    <ion-toolbar class="menu-header" padding>
     Logged is as : venky
    </ion-toolbar>
  </ion-header>
  <ion-content padding>

        <ion-icon name="ios-log-in-outline"></ion-icon>
        <span>Logout</span>

  </ion-content>
  <ion-footer>
    <ion-item text-center>
      Version 1.1.0
    </ion-item>
  </ion-footer>
</ion-menu>
2

If u are using ionic 4, u can create multiple menu with custom menuId and in your specific page, add the specific menu with custom menuId.

For side menu reflecting same content as tab, u just gonna ensure that u are navigating to the same child route, it should work fine.

3

I am using ioniv 3. Is there any way do the same in v3 ?

4

This issue been solved by using Menu Controller enable true/false.

Just give id to and refer that id in the Menu Controller as follows

this.menuCtrl.enable(true,'<current menu id>')
this.menuCtrl.enable(false,'<other menu id>')

Thank you @joabchua for the quick response.

5

Awesome. Glad that it was helpful. Cheers.