如何在Ionic 4中关闭菜单

import { IonMenuController } from '@ionic/angular';

constructor(private menuController: IonMenuController) {}

closeMenu() {
  this.menuController.close();
}

<ion-menu>
  <!-- 菜单内容 -->
</ion-menu>

<ion-content>
  <ion-button (click)="toggleMenu()">切换菜单</ion-button>
</ion-content>

import { Component, ViewChild } from '@angular/core';
import { IonMenu } from '@ionic/angular';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {
  @ViewChild(IonMenu) menu: IonMenu;

  toggleMenu() {
    this.menu.toggle();
  }
}

<ion-split-pane contentId="main-content">
  <ion-menu>
    <!-- 菜单内容 -->
  </ion-menu>

  <ion-content id="main-content">
    <!-- 主要内容 -->
  </ion-content>
</ion-split-pane>

import { Component, ViewChild } from '@angular/core';
import { IonSplitPane } from '@ionic/angular';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {
  @ViewChild(IonSplitPane) splitPane: IonSplitPane;

  closeMenu() {
    this.splitPane.close();
  }
}