同一页面上的多面菜单无法使用Ionic2

我试图在Ionic2中的一个页面上创建两个菜单

app.html

    <ion-menu [content]="content" side="right" id="menu1">
  <ion-content>
    <ion-list>
      <button ion-item menuClose="menu1" detail-none>
        Close Menu 1
      </button>
    </ion-list>
  </ion-content>
</ion-menu>

<ion-menu [content]="content" side="left" id="menu2">
  <ion-content>
    <ion-list>
      <button ion-item  menuClose="menu2" detail-none>
        Close Menu 2
      </button>
    </ion-list>
  </ion-content>
</ion-menu>

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

关闭菜单1
关闭菜单2

hello-ionic.html：

    <ion-header>
  <ion-navbar>
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>Hello Ionic</ion-title>
  </ion-navbar>
</ion-header>


<ion-content padding>
  <p>
    <button ion-button color="secondary" menuToggle="left">Toggle Main Menu</button>
  </p>
  <p>
    <button ion-button color="primary" menuToggle="right">Toggle Menu</button>
  </p>
</ion-content>

你好，爱奥尼亚

切换主菜单


切换菜单

我面临的问题是，只有menu2在工作，而menu1没有出现。如果我删除menu2，那么menu1将正常工作

---

请帮助我，我也有你这样的问题 我的解决办法是

文件

app.html

编辑如下：

<ion-menu [content]="content" side="left" id="menu1">
   This is menu 1 
</ion-menu>
<ion-menu [content]="content" side="right" type="overlay" id="menu2">  
   This is menu 2
</ion-menu>
<ion-nav [root]="rootPage" [rootParams]="rootParams" #content swipeBackEnabled="false"></ion-nav>

使用：

PAGE.html

<ion-header>
  <ion-navbar color="mytheme">
    <button ion-button menuToggle="left" start>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>PAGENAME</ion-title>
    <button ion-button menuToggle="right" end>
      <ion-icon name="star"></ion-icon>
    </button>
  </ion-navbar>
</ion-header>

页码

---

祝您成功：()(()()()()())())

您能？我刚刚在中使用了您的代码，并且工作正常。唯一需要提及的是，标题中的

menuToggle

没有指定应该打开哪个，因此它不起作用，但内容中的按钮可以正常工作，因为它们通过执行

menuToggle=“left”

或

menuToggle=“right”来指定左侧或右侧菜单.

@sebafereras我在想可能必须将menutogle设置为具有多个菜单的菜单id。我想没有它也可以工作…@SurajRao，是的，您可以指定侧面或id；它在两种方式下都能正常工作。@sebafereras 23，只有一个菜单按钮可以工作，另一个是don。我将在另一台电脑上尝试代码&记录屏幕以精确解释我的问题

<ion-header>
  <ion-navbar color="mytheme">
    <button ion-button menuToggle="left" start>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>PAGENAME</ion-title>
    <button ion-button menuToggle="right" end>
      <ion-icon name="star"></ion-icon>
    </button>
  </ion-navbar>
</ion-header>