如何解决Ionic5侧面菜单-仅限特定视图
我按照文档进行操作,并将菜单添加为app.component.html
,
<ion-app>
<ion-split-pane contentId="main-content">
<ion-menu contentId="main-content" type="overlay">
<ion-content>
<ion-list no-lines width="10">
<ion-list-header>
<h2>MyApp</h2>
</ion-list-header>
<ion-menu-toggle auto-hide="true">
<ion-item [routerLink]="['/forecast']">
Foo Bar
</ion-item>
</ion-menu-toggle>
....
</ion-menu>
<ion-router-outlet id="main-content"></ion-router-outlet>
</ion-split-pane>
</ion-app>
现在,该菜单对于所有视图都可以通过滑动来访问,包括不应进入的登录视图。如何仅将菜单限制为特定视图而不破坏ion-split-pane
?
解决方法
这样做。默认情况下禁用菜单
<ion-menu contentId="main-content" type="overlay" disabled>
然后,将要显示的视图放入控制器中
import { MenuController } from '@ionic/angular';
constructor(
public menuCtrl: MenuController){
this.menuCtrl.enable(true);
}
,
使用:import { MenuController } from '@ionic/angular';
constructor(private menu: MenuController) { }
ionViewWillEnter(){
this.menu.enable(true);
this.menu.enable(true,'YourMenuId'); // or you can target it with your ID
}
启用和禁用菜单。
name = value ?? "";
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。