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

发布时间：2020-12-17 17:34:38 所属栏目：安全来源：网络整理

导读：我正在使用,this.menuCtrl.swipeEnable(false); for ionic 3 app.这适用于禁用侧面菜单.但是,它对离子4不起作用！以下是我的离子4代码示例： login.page.ts constructor(public loginService: LoginService,private router: Router,public menuCtrl: MenuCon

我正在使用,this.menuCtrl.swipeEnable(false); for ionic 3 app.这适用于禁用侧面菜单.但是,它对离子4不起作用！以下是我的离子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>

解决方法

this.menuCtrl.enable(false);

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!