I am trying to implement two side menus(left and right) on same page.Left side menu working fine.
Right side menu opened and not navigate to page.
Here is my code structure,
left.html
<ion-menu [content]="content">
<ion-header>
<ion-toolbar>
<ion-title>Pages</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>
<ion-item ion-item *ngFor="let p of pages" (click)="openPage(p)">
{{p.title}}
</ion-item>
</ion-list>
</ion-content>
</ion-menu>
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>
This is the left menu.From this left side menu i am navigating to HomePage
home.html
<ion-header>
<ion-navbar>
<button ion-button menuToggle="left" start>
<ion-icon name="menu"></ion-icon>
</button>
<ion-title>Home Page</ion-title>
<button ion-button menuToggle="right" end>
<ion-icon name="menu"></ion-icon>
</button>
</ion-navbar>
</ion-header>
<ion-content padding>
</ion-content>
<ion-nav [root]="rootPageRightMenu"></ion-nav>
home.js
Here i have declared like below,
export class HomePage{
rootPageRightMenu:any = 'RightSidemenuPage';
}
right-side-menu.html
<ion-menu [content]="content" side="right">
<ion-header>
<ion-navbar align-title="center">
<ion-title>Database And Table</ion-title>
</ion-navbar>
</ion-header>
<ion-content>
<ion-list>
<ion-item ion-item menuClose *ngFor="let page of rightMenuPages" (click)="rightMenuClick(page)">
{{ page.title }}
</ion-item>
</ion-list>
</ion-content>
</ion-menu>
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>
RightSidemenuPage
export class RightSidemenuPage{
rightMenuPages: Array<{title: string}>;
constructor(public navCtrl: NavController, public navParams: NavParams,public menuCtrl: MenuController) {
this.rightMenuPages= [
{ title: 'Page1' },
{ title: 'Page2' },
];
}
rightMenuClick(page) {
this.nav.setRoot("HomePage");
this.menuCtrl.close();
}
My functionality is
From left side menu i am navigating to HomPage.
In the home page both right and left menus are available.
In right side menu two items available “page1” and “page2”.
If am clicking page1 it should go to the current page itself.This is what not happening.Not navigating to the HomePage
There is no error showing in console when i am clicking item from right menu.
Thanks in advance