Question

Ionic4 项目中我们可以使用 Ionic4 弹窗组件 ion-alert-controller 对项目进行布局。

ion-alert-controller 官方文档地址：https://ionicframework.com/docs/api/alert-controller

Alert controllers programmatically control the alert component. Alerts can be created and dismissed from the alert controller. View the Alert documentation for a full list of options to pass upon creation.

async function presentAlert() {
  const alertController = document.querySelector('ion-alert-controller');
  await alertController.componentOnReady();

  const alert = await alertController.create({
    header: 'Alert',
    subHeader: 'Subtitle',
    message: 'This is an alert message.',
    buttons: ['OK']
  });
  return await alert.present();
}

ion-alert-controller 内置方法 Methods

create
Description	Create an alert overlay with alert options.
Signature	create(options: AlertOptions) => Promise<HTMLIonAlertElement>
dismiss
Description	Dismiss the open alert overlay.
Signature	dismiss(data?: any, role?: string | undefined, id?: string | undefined) => Promise<boolean>
getTop
Description	Get the most recently opened alert overlay.
Signature	getTop() => Promise<HTMLIonAlertElement | undefined>