angular - 两个Ionic2菜单 : One is shown. 另一个不是

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 中使用 then而不是在单个页面内。

所以.. 您可以在 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