我对离子模式控制器有问题

Question

我正在使用 ModalController 来展示一张小卡片。这张卡片有一个跳过和一个开始按钮。我希望仅在按下“跳过”和“开始”按钮时关闭此弹出窗口，但目前在弹出区域外按下时也会关闭。

这是UI:

Answer 1

为此，您需要将 backdropDismiss 属性设置为 false。

来自 Ionic 文档 (https://ionicframework.com/docs/api/modal#properties)：

backdropDismiss: If true, the modal will be dismissed when the backdrop is clicked

示例：

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

@Component({
  selector: 'modal-example',
  templateUrl: 'modal-example.html',
  styleUrls: ['./modal-example.css']
})
export class ModalExample {
  constructor(public modalController: ModalController) { }

  async presentModal() {
    const modal = await this.modalController.create({
      component: ModalPage,
      backdropDismiss: false, // <----- here!
    });
    
    return await modal.present();
  }
}

我对离子模式控制器有问题

I have problem with modal controller in ionic

angular

typescript

ionic-framework

ionic5