Angular 两个Ionic2菜单：显示一个。另一个不是

在我的Ionic2应用程序中，我有两个页面，每个页面都有非常相似的菜单。这些菜单被命名为。但是，一页显示其菜单，另一页不显示。相应的菜单HTML代码位于相应的XXX.HTML中。是否有什么东西阻止Ionic2在同一侧为不同页面设置两个菜单

story.html工作原理：

<ion-header>
  <ion-navbar #storyNav>
    <ion-title>Originaltöne</ion-title>
    <button ion-button menuToggle="checkMenu" right>
        <ion-icon name="menu"></ion-icon>
    </button>
  </ion-navbar>
</ion-header>

<ion-content>
  <!-- <ion-item (click)="putOnWatchlist(entry)" *ngFor="let entry of dataToShow">
    {{ entry.textbody }}
  </ion-item> -->
</ion-content>

<ion-menu id="checkMenu" side="right" [content]="storyNav">
  <ion-content>
    Lorem ipsum...
    <ion-item menuClose="checkMenu" detail-none>Close Menu</ion-item>
  </ion-content>
</ion-menu>

奥里金奥尔特讷
乱数假文。。。
关闭菜单

但是story-dashboard.html不：

<ion-header>
  <ion-navbar #dashboardNav>
    <ion-title>Originaltöne</ion-title>
    <button ion-button menuToggle="favMenu" right>
        <ion-icon name="menu"></ion-icon>
    </button>
  </ion-navbar>
</ion-header>

<ion-content>
  <ion-item >
    Lorem ipsum...
  </ion-item>
</ion-content>

<ion-menu id="favMenu" side="right" [content]="dashboardNav">
  <ion-content>
    Lorem ipsum...
    <ion-item menuClose="favMenu" detail-none>Close Menu</ion-item>
  </ion-content>
</ion-menu>

奥里金奥尔特讷
乱数假文。。。
乱数假文。。。
关闭菜单

这是一个简单的错误，当你自动创建一个页面时，他将显示

app.html

（位于

myapp/src/app/

），因此当我们使用菜单时，我们在

app.html

中使用这些信息，而不是在单个页面中使用

所以。。您可以在

app.html

中创建两个不同的菜单，并调用要打开的菜单，您应该使用菜单切换按钮

切换菜单

，或者通过单击调用指定菜单调用函数

 // id of the menu you want call
 openMenu(id) {
   this.menuCtrl.open(id);
 }

---

要了解更多信息，我建议您查看关于的文档，并确保将完全相同的

脚本

和

链接

放置到

story dashboard.html中的css和js文件中？是的，它是相同的脚本。问题是，如果不使用菜单控制器禁用一个菜单，我真的无法在同一侧拥有两个菜单。这种方法让我找到了正确的解决方案。在找到正确的方法后，我在这里也找到了解决方案：我需要使用菜单控制器专门启用和禁用相应的菜单。