我发现接受的这个问题答案确实有帮助,但我发现它也禁用了滑动以关闭手势。
是否有任何方法只禁用它打开菜单,而不是关闭它?当我试图关闭它时,我发现它有点反应迟钝,并且认为这个滑动手势会修复它。我在国际医学博士里找不到关于它的任何东西。
<ion-menu [content]="content" [swipeEnabled]="false">...</ion-menu>发布于 2018-01-19 00:04:30
在Ionic中没有默认的方法可以这样做,但是您可以使用ionOpen和ionClose回调来处理当应该启用或禁用swipe功能时:
工作柱塞。
视图
<ion-menu persistent="true" [content]="content"
(ionOpen)="enableSwipe()" <!-- Enable it when opening -->
(ionClose)="disableSwipe()"> <!-- Disable it when closing -->
<ion-header>
<ion-toolbar color="primary">
<ion-title>Side menu</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
</ion-content>
</ion-menu>
<!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus -->
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>组件
import { Component, ViewEncapsulation } from '@angular/core';
import { MenuController } from 'ionic-angular';
import { HomePage } from '../pages/home/home';
@Component({
templateUrl: 'app.html'
})
export class MyApp {
public rootPage: any = HomePage;
constructor(private menuCtrl: MenuController) {}
ngAfterViewInit() {
this.disableSwipe();
}
public enableSwipe(): void {
this.menuCtrl.swipeEnable(true);
}
public disableSwipe(): void {
this.menuCtrl.swipeEnable(false);
}
}https://stackoverflow.com/questions/48329379
复制相似问题