如何在ionic 4中禁用侧菜单?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (189)

我在ionic 3 app中用this.menuCtrl.swipeEnable(false);。这可以很好地禁用侧菜单。但是,它不适用于ionic 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-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>
提问于
用户回答回答于

所属标签

可能回答问题的人

  • 应用案例分享

    1 粉丝490 提问4 回答
  • 找虫虫

    5 粉丝0 提问3 回答
  • 桑先生

    14 粉丝0 提问3 回答
  • 嗨喽你好

    8 粉丝480 提问3 回答

扫码关注云+社区

领取腾讯云代金券