我在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次导航会导致菜单以某种方式禁用自身。可能是什么原因以及我该如何解决?