Angular 我对爱奥尼亚的模态控制器有问题

Angular 我对爱奥尼亚的模态控制器有问题,angular,typescript,ionic-framework,ionic5,Angular,Typescript,Ionic Framework,Ionic5,我正在使用ModalController呈现一张小卡片。这张卡有一个跳过和一个开始按钮。我只想在按下“跳过”和“开始”按钮时关闭此弹出窗口,但当前在弹出区域外按下时也会关闭此弹出窗口 这是用户界面: 为此,您需要将backdropdismise属性设置为false 从爱奥尼亚文档(): BackDropDisclease:如果为true,则在背景为 点击 例如: import { Component } from '@angular/core'; import { ModalController

我正在使用ModalController呈现一张小卡片。这张卡有一个跳过和一个开始按钮。我只想在按下“跳过”和“开始”按钮时关闭此弹出窗口,但当前在弹出区域外按下时也会关闭此弹出窗口

这是用户界面:


为此,您需要将
backdropdismise
属性设置为
false

从爱奥尼亚文档():

BackDropDisclease:如果为true,则在背景为 点击

例如:

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();
  }
}
从'@angular/core'导入{Component};
从'@ionic/angular'导入{ModalController};
从“../modal/modal.page”导入{ModalPage};
@组成部分({
选择器:“模态示例”,
templateUrl:'modal example.html',
样式URL:['./模式示例.css']
})
导出类ModalExample{
构造函数(公共modalController:modalController){}
异步呈现模式(){
const modal=等待this.modalController.create({
组成部分:ModalPage,

backdropdisease:false,//为此,需要将
backdropdisease
属性设置为
false

从爱奥尼亚文档():

BackDropDisclease:如果为true,则在背景为 点击

例如:

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();
  }
}
从'@angular/core'导入{Component};
从'@ionic/angular'导入{ModalController};
从“../modal/modal.page”导入{ModalPage};
@组成部分({
选择器:“模态示例”,
templateUrl:'modal example.html',
样式URL:['./模式示例.css']
})
导出类ModalExample{
构造函数(公共modalController:modalController){}
异步呈现模式(){
const modal=等待this.modalController.create({
组成部分:ModalPage,
backdropdismise:false//