离子3侧菜单不适用于ios

时间:2017-05-06 10:33:55

标签: ionic2 ionic3 side-menu

我的离子侧菜单在Android手机中工作,但在ios我没有。

这是.html的代码

<button ion-button menuToggle icon-only class="menuButton"> 
  <ion-icon name="menu"></ion-icon>
</button>

<ion-menu [content]="mycontent">
  <ion-content>
    <ion-list>
      <p>some menu content, could be list items</p>
    </ion-list>
  </ion-content>
</ion-menu>

<ion-nav #mycontent ></ion-nav>

我不明白我的问题在哪里,如果你需要什么,请告诉我

  

我的侧边菜单在Android和浏览器中工作,除了ios

2 个答案:

答案 0 :(得分:19)

尝试在侧面菜单中添加type =“overlay”:

<ion-menu [content]="mycontent" type="overlay">

答案 1 :(得分:2)

使用点击功能而不是menuToggle

<button ion-button icon-only start (click)="openSideMenu()">
     <ion-icon name="md-menu"></ion-icon>
</button>

使用打开菜单

openSideMenu() {
   this.menuCtrl.enable(true)
    this.menuCtrl.toggle();    
}

在推到新页面之前禁用菜单

this.menuCtrl.enable(false)