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

问题描述

我正在使用 this.menuCtrl.swipeEnable(false); 用于 ionic 3 应用程序.这适用于禁用侧面菜单.但是，它不适用于离子 4！下面是我的 ionic 4 代码示例:

<块引用>

login.page.ts

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

<块引用>

app.component.html

<ion-app><离子分离窗格><ion-menu type="push"><离子头><离子工具栏颜色=成功"><ion-title>菜单</ion-title></离子工具栏></离子头><离子含量><离子列表><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><离子标记>{{p.title}}</离子标记></离子项目></离子菜单切换></离子列表></离子含量></离子菜单><ion-router-outlet main></ion-router-outlet></离子拆分窗格></ion-app>

解决方案

this.menuCtrl.enable(false);

这也适用于构造函数.我在 ionic v4 - beta.2 项目中使用它，它工作正常.

另外，我看到您正在使用 ionic 和 angular，因此您也可以使用 OnInit 生命周期挂钩.

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

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

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

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

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

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