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>的按钮，或者调用指定的一个调用a点击功能。

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

有关详细信息，建议您查看有关Menu和MenuController

的文档

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

1 个答案: