如何在 Ionic 4 中关闭菜单

Question

我刚刚开始使用 ionic 4，现在我正在搜索一个基本问题，如何在 Ionic 4 中关闭菜单。 ionic 4 到目前为止还没有正确记录。请任何人回答我。提前致谢。

Answer 1

要关闭菜单使用这个

在ionic 4中的ts文件中使用menuCtrl

import { MenuController } from ‘@ionic/angular’; 

...

constructor(private menu: MenuController) {}

//点击时调用这个fn

openEnd() {  
 this.menu.close();

 }

或在 Html 中使用 ion-menu-toggle

<ion-menu-toggle>
<ion-item > My Button </ion-item>
</ion-menu-toggle>

Answer 2

在 ion-menu-toggle 中添加 autoHide 属性。

       <ion-content>
        <ion-list>
            <ion-menu-toggle auto-hide="true" >
              <ion-item><ion-icon name="ios-home"></ion-icon>Home</ion-item>
              <ion-item><ion-icon name="md-apps"></ion-icon>Services</ion-item>
              <ion-item><ion-icon name="md-calendar"></ion-icon>My Bookings</ion-item>
              <ion-item><ion-icon name="ios-contact"></ion-icon>Profile</ion-item>
              <ion-item><ion-icon name="md-cart"></ion-icon>Cart</ion-item>
              <ion-item><ion-icon name="md-chatboxes"></ion-icon>Feedback</ion-item>
              <ion-item><ion-icon name="md-pin"></ion-icon>Our Locations</ion-item>
              <ion-item (click)="logOut()"><ion-icon name="md-log-out"></ion-icon>Logout</ion-item>
            </ion-menu-toggle>
          </ion-list>
      </ion-content>