导航页面时,Ionic 2 Menu不起作用

时间:2017-09-06 17:30:48

标签: html angular typescript ionic2

我在app.html中设置了一个菜单:

 <ion-menu persistent="true"  id='menu' side="left" type='reveal' 
    [content]="mycontent">
   <ion-content>
     some menu content
   </ion-content>
 </ion-menu>
 <ion-nav #mycontent [root]="rootPage"></ion-nav>

在每个页面中,我在导航栏中都有一个按钮,用于打开菜单:

html的

<ion-navbar hideBackButton>
  <button ion-button small (click)="openMenu()">
    <ion-icon name="menu"></ion-icon>
  </button>
</ion-navbar>

.TS

openMenu(){
    this.menuCtrl.enable(true, 'menu');
    this.menuCtrl.open('menu');
}

包含菜单按钮的第一页是我的home.html。第一次访问此页面时,菜单工作正常。当我导航到下一页时,菜单按钮也可以正常工作。但是,当我再浏览一页(主页上有2个导航)时,菜单按钮停止工作,菜单无法打开。当我从这个页面导航到主页时,菜单也停止在那里工作,并且基本上停止在所有页面中工作。

似乎从主页进行2次导航会导致菜单以某种方式禁用自身。可能是什么原因以及我该如何解决?

0 个答案:

没有答案