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

相关内容

热门资讯

两分钟了解(德扑ai智能)外挂... 两分钟了解(德扑ai智能)外挂透明挂辅助脚本(辅助挂)原来真的有挂(攻略教程)(哔哩哔哩)关于德扑a...
总算了解(WPK必备)外挂透明... 总算了解(WPK必备)外挂透明挂辅助器安装(透视)果真是真的有挂(线上教程)(哔哩哔哩)是一款可以让...
新手必备(aaPOKER)外挂... 新手必备(aaPOKER)外挂透明挂辅助器(辅助挂)果真是真的有挂(新2024教程)(哔哩哔哩);1...
透视透明(德扑ai助手)外挂透... 透视透明(德扑ai助手)外挂透明挂辅助神器(辅助挂)的确是真的有挂(第三方教程)(哔哩哔哩)是一款可...
三分钟了解(Wepoke俱乐部... WePoker透视辅助版本稳定性对比与推荐‌:三分钟了解(Wepoke俱乐部)外挂透明挂辅助工具(透...
专业讨论(德扑之星埋牌)外挂透... 专业讨论(德扑之星埋牌)外挂透明挂辅助器安装(透视)竟然是真的有挂(wpk教程)(哔哩哔哩);玩家必...
揭秘真相(pokerrrr2挂... 揭秘真相(pokerrrr2挂)外挂透明挂辅助机制(辅助挂)果真是真的有挂(细节揭秘)(哔哩哔哩);...
最新研发(wpk插件挂)外挂透... 最新研发(wpk插件挂)外挂透明挂辅助器(透视)竟然是真的有挂(详细教程)(哔哩哔哩);wpk插件挂...
传递经验(微扑克ai)外挂透明... 相信很多朋友都在电脑上玩过微扑克ai吧,但是很多朋友都在抱怨用电脑玩起来不方便。为此小编给大家带来了...
必知教程(德州ai人工智能)外... 必知教程(德州ai人工智能)外挂透明挂辅助APP(透视)其实是真的有挂(2024新版总结)(哔哩哔哩...