angular – 如何在离子4中禁用侧面菜单?

前端之家收集整理的这篇文章主要介绍了angular – 如何在离子4中禁用侧面菜单?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用,this.menuCtrl.swipeEnable(false); for ionic 3 app.这适用于禁用侧面菜单.但是,它对离子4不起作用!以下是我的离子4代码示例:

login.page.ts

@H_301_15@constructor(public loginService: LoginService,private router: Router,public menuCtrl: MenuController) { this.menuCtrl.swipeEnable(false); }

app.component.html

@H_301_15@<ion-app> <ion-split-pane> <ion-menu type="push"> <ion-header> <ion-toolbar color="success"> <ion-title>Menu</ion-title> </ion-toolbar> </ion-header> <ion-content> <ion-list> <ion-menu-toggle auto-hide="false" *ngFor="let p of appPages"> <ion-item [routerDirection]="'root'" [routerLink]="[p.url]"> <ion-icon slot="start" [name]="p.icon"></ion-icon> <ion-label> {{p.title}} </ion-label> </ion-item> </ion-menu-toggle> </ion-list> </ion-content> </ion-menu> <ion-router-outlet main></ion-router-outlet> </ion-split-pane> </ion-app>

解决方法@H_502_25@
@H_301_15@this.menuCtrl.enable(false);

这也适用于构造函数.我在离子v4 – beta.2项目中使用它,它工作正常.

另外,我看到你正在使用带角度的离子,所以你也可以使用OnInit生命周期钩子.

猜你在找的Angularjs相关文章