如何在ionic 5中打开一个模式？

ionic generate page ModalPage

<ion-header>
  <ion-toolbar>
    <ion-title>
      模态框标题
    </ion-title>
    <ion-buttons slot="end">
      <ion-button (click)="closeModal()">关闭</ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

<ion-content>
  模态框内容
</ion-content>

import { ModalController } from '@ionic/angular';
import { Component } from '@angular/core';

@Component({
  selector: 'app-modal',
  templateUrl: './modal.page.html',
  styleUrls: ['./modal.page.scss'],
})
export class ModalPage {

  constructor(private modalController: ModalController) { }

  closeModal() {
    this.modalController.dismiss();
  }

}

import { ModalController } from '@ionic/angular';
import { Component } from '@angular/core';
import { ModalPage } from '../modal/modal.page';

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

  constructor(private modalController: ModalController) {}

  async openModal() {
    const modal = await this.modalController.create({
      component: ModalPage
    });
    return await modal.present();
  }

}

<ion-button (click)="openModal()">打开模态框</ion-button>