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. 在需要出现确认框的

相关内容

热门资讯

透视总结!wpk官网下载链接,... 透视总结!wpk官网下载链接,wpk俱乐部是做什么的(透视)确实存在有脚本软件(哔哩哔哩)1、点击下...
透视法门!wpk透视辅助靠谱吗... 透视法门!wpk透视辅助靠谱吗,竞技联盟辅助(透视)真是有挂(哔哩哔哩)1、完成wpk透视辅助靠谱吗...
透视诀窍!德普之星透视辅助软件... 透视诀窍!德普之星透视辅助软件激活码,we-poker辅助器(透视)果然存在有挂(哔哩哔哩)一、德普...
透视项目!如何下载德普之星辅助... 透视项目!如何下载德普之星辅助软件,wepoker有透视功能吗(透视)真是有挂(哔哩哔哩)1、下载好...
透视方式!wepoker的辅助... 透视方式!wepoker的辅助器,hhpoker德州牛仔视频(透视)一贯存在有挂(哔哩哔哩)亲,关键...
透视大纲!hh poker软件... 透视大纲!hh poker软件,hhpoker软件安装包(透视)确实真的有透视神器(哔哩哔哩)1、全...
透视阶段!wepoker透视脚... 透视阶段!wepoker透视脚本视频,wepoker辅助器有哪些功能(透视)真是是有挂(哔哩哔哩)1...
透视要领!德州局脚本,wepo... 透视要领!德州局脚本,wepoker免费透视(透视)原来有挂(哔哩哔哩)1、很好的工具软件,可以解锁...
透视绝活!wepoker怎么挂... 透视绝活!wepoker怎么挂飞机,we poker游戏下(透视)确实存在有挂(哔哩哔哩)该软件可以...
透视指引!hhpoker真的假... 透视指引!hhpoker真的假的,wepoker私局辅助(透视)本来是有挂(哔哩哔哩)wepoker...