离子/角度离子菜单多菜单仅显示最后一个

问题描述

我正在学习开发离子/角度应用程序，并且使用离子菜单发现一些问题。 我想为两个不同的页面提供两个不同的菜单。 这是我的app.component.html页面，我在其中定义菜单：

<ion-app>

  <ion-menu side="start" menuId="m1" contentId="main">

    <ion-header>
      <ion-toolbar>
        <ion-title>
          Menu Ospite
        </ion-title>
      </ion-toolbar>  
    </ion-header>

    <ion-content>
      
      <ion-list>
        <ion-menu-toggle>
          <ion-item lines="none"> <!--routerLink-->
            <ion-icon name="business" slot="start"></ion-icon>
            <ion-label>Op 1</ion-label>
          </ion-item>
        </ion-menu-toggle>
        <ion-menu-toggle>
          <ion-item lines="none">
            <ion-icon name="checkBox-outline" slot="start"></ion-icon>
            <ion-label>Op 2</ion-label>
          </ion-item>
        </ion-menu-toggle>
      </ion-list>

    </ion-content>
  </ion-menu>

  <ion-menu side="start" menuId="m2" contentId="main">

    <ion-header>
      <ion-toolbar>
        <ion-title>
          Menu Membro
        </ion-title>
      </ion-toolbar>  
    </ion-header>

    <ion-content>
      
      <ion-list>
        <ion-menu-toggle>
          <ion-item lines="none">
            <ion-icon name="business" slot="start"></ion-icon>
            <ion-label>Opz 1</ion-label>
          </ion-item>
        </ion-menu-toggle>
        <ion-menu-toggle>
          <ion-item lines="none">
            <ion-icon name="checkBox-outline" slot="start"></ion-icon>
            <ion-label>Opz 2</ion-label>
          </ion-item>
        </ion-menu-toggle>
      </ion-list>

    </ion-content>
  </ion-menu>


  <ion-router-outlet id="main"></ion-router-outlet>
</ion-app>

然后我有两个要在其中使用此菜单的页面

guest.html：

<ion-header>
  <ion-toolbar>

    <ion-buttons slot="start">
      <ion-menu-button menu="m1"></ion-menu-button>
    </ion-buttons>

    <ion-title>guest</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>

</ion-content>

and member.html

<ion-header>
  <ion-toolbar>

    <ion-buttons slot="start">
      <ion-menu-button menu="m2"></ion-menu-button>
    </ion-buttons>

    <ion-title>member</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>

</ion-content>

我可以通过离子标签访问该页面

<ion-tabs>
  <ion-tab-bar slot="bottom">
    <ion-tab-button tab="guest" color="primary">
      <ion-label>Ospite</ion-label>
      <ion-icon name="person-outline"></ion-icon>
    </ion-tab-button>
    <ion-tab-button tab="member">
      <ion-label>Membro</ion-label>
      <ion-icon name="key-outline"></ion-icon>
    </ion-tab-button>
  </ion-tab-bar>
</ion-tabs>

现在，当我转到会员页面时，我正确地在左侧显示了m2离子菜单，但是当我导航至访客页面时，没有显示id =“ m1”的离子菜单。 我在做什么错了？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）