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

相关内容

热门资讯

揭秘几款!小牛棋牌开挂功能技巧... 揭秘几款!小牛棋牌开挂功能技巧,小牛棋牌总是是真的有开挂技巧1、任何小牛棋牌透视是真的假的的玩家都可...
重要通知!淮安麻将辅助功能脚本... 重要通知!淮安麻将辅助功能脚本,淮安麻将果然存在有辅助脚本1、每一步都需要思考,不同水平的挑战淮安麻...
最新技巧!红豆大厅辅助功能插件... 最新技巧!红豆大厅辅助功能插件,红豆大厅确实是有辅助插件1、打开软件启动之后找到中间准星的标志长按。...
重大科普!LL竞技透视功能工具... 重大科普!LL竞技透视功能工具,LL竞技本来有透视工具1、在LL竞技插件功能辅助器技巧中,中转单元十...
必看攻略!娱网皮球开挂功能脚本... 必看攻略!娱网皮球开挂功能脚本,娱网皮球都是真的是有开挂脚本1、必看攻略!娱网皮球开挂功能脚本,娱网...
实测揭晓!同城510k辅助功能... 实测揭晓!同城510k辅助功能方法,同城510k总是存在有辅助方法1、操作简单,无需同城510k手机...
分享认知!微乐家乡麻将辅助功能... 分享认知!微乐家乡麻将辅助功能插件,微乐家乡麻将其实真的有辅助插件微乐家乡麻将辅助器是一种具有地方特...
每日必备!百家乐透视挂功能教程... 每日必备!百家乐透视挂功能教程,百家乐果然存在有透视挂教程1、每日必备!百家乐透视挂功能教程,百家乐...
玩家实测!凤凰棋牌辅助功能攻略... 玩家实测!凤凰棋牌辅助功能攻略,凤凰棋牌本来是有辅助攻略1、完成凤凰棋牌辅助器v3.3的残局,帮助玩...
发现一款!高登棋牌辅助功能技巧... 发现一款!高登棋牌辅助功能技巧,高登棋牌竟然是有辅助技巧1、高登棋牌模拟器是什么优化,高登棋牌俱乐部...