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

Question

在我的 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>

Answer 1

这是一个简单的错误，当您自动创建一个页面时，他将显示app.html（位于myapp/src/app/），因此当我们使用菜单时，我们使用该信息，然后在app.html而不是在单个页面内。

所以.. 您可以在app.html 中创建两个不同的菜单，然后调用您要打开的菜单，您应该使用带有 menuToggle 的按钮，可能是<button ion-button menuToggle>Toggle Menu</button>，或者通过单击调用指定的一个调用函数.

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

有关详细信息，我建议您查看有关 Menu 和 MenuController 的文档