Angular确认框在模态框中不显示
创始人
2024-10-29 04:30:30
0

在Angular中,如果需要在模态框中显示确认框,可以使用ng-bootstrap库中提供的ngbModal方法。具体实现步骤如下:

  1. 安装ng-bootstrap库:
npm install @ng-bootstrap/ng-bootstrap
  1. 导入ng-bootstrap模块:
import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; 

@NgModule({ 
   imports: [ NgbModule ] 
}) 
export class AppModule {}
  1. 在组件中定义方法:
openConfirmationModal() { 
   const modalRef = this.modalService.open(ConfirmationModalComponent); 
   modalRef.result.then((result) => { 
      //确认按钮回调函数 
   }).catch((error) => { 
      //取消按钮回调函数 
   }); 
}
  1. 在模态框组件中定义确认框模板:

例如,在模态框组件html文件中添加以下代码:

  1. 在模态框组件中定义确认框回调方法:

例如,在模态框组件ts文件中添加以下代码:

yes() { 
   this.modalService.dismissAll('yes'); 
} 

no() { 
   this.modalService.dismissAll('no'); 
} 

close() { 
   this.modalService.dismissAll('cancel'); 
}
  1. 在需要出现确认框的

相关内容

热门资讯

8分钟安装!吉安中至辅助软件怎... 8分钟安装!吉安中至辅助软件怎么用,微信中至有辅助吗(总是是真的辅助平台)-哔哩哔哩吉安中至辅助软件...
第3分钟阶段!wepoker怎... 第3分钟阶段!wepoker怎么获得好牌(透视)一贯有辅助工具(哔哩哔哩)亲,关键说明,wepoke...
第1分钟安装!榕城510k作必... 第1分钟安装!榕城510k作必弊脚本,威信茶馆解码器(竟然是有辅助神器)-哔哩哔哩榕城510k作必弊...
第1分钟演示!wepoker软... 第1分钟演示!wepoker软件安装包(透视)确实真的是有辅助开挂(哔哩哔哩)1、首先打开wepok...
第三分钟插件!雀友会钻石辅助器... 第三分钟插件!雀友会钻石辅助器潮汕麻将,九游破解辅助插件官方(好像存在有辅助安装)-哔哩哔哩在进入雀...
第五分钟学习!pokermas... 第五分钟学习!pokermaster辅助器(透视)本来真的有辅助开挂(哔哩哔哩)1、全新机制【pok...
第七分钟辅助!桂麻圈破解版io... 第七分钟辅助!桂麻圈破解版ios,爱玩娱乐暗堡辅助(一贯有挂辅助安装)-哔哩哔哩1、不需要AI权限,...
两分钟指南书!hhpoker作... 两分钟指南书!hhpoker作必弊码怎么用(透视)都是是真的有辅助工具(哔哩哔哩)1、玩家可以在hh...
七分钟辅助!兴动助手脚本有辅助... 七分钟辅助!兴动助手脚本有辅助,蜜瓜大厅辅助免费下载(好像有挂辅助平台)-哔哩哔哩1、七分钟辅助!兴...
5分钟机巧!智星德州辅助译码插... 5分钟机巧!智星德州辅助译码插件靠谱吗(透视)都是有辅助插件(哔哩哔哩)1、下载好智星德州辅助译码插...