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