如何在离子4中禁用侧面菜单？ [英] How to disable side menu in ionic 4?

问题描述

我正在使用 this.menuCtrl.swipeEnable（false）; for ionic 3 app。这适用于禁用侧面菜单。但是，它对离子4不起作用！下面是我的离子4代码示例：

I am using, this.menuCtrl.swipeEnable(false); for ionic 3 app. This works fine for disabling the side menu. But, it doesn't work for ionic 4! Below is my ionic 4 code sample:

login.page.ts

login.page.ts

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

app.component.html

app.component.html

<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>

推荐答案

this.menuCtrl.enable(false);

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

This will also work in constructor. I am using this in an ionic v4 - beta.2 project and it works fine.

另外，我看到你正在使用 ionic 带 angular 所以你也可以OnInit生命周期钩子。

Also, I see that you are using ionic with angular so you can also OnInit lifecycle hook.

这篇关于如何在离子4中禁用侧面菜单？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！