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

相关内容

热门资讯

技巧知识分享!海米大厅辅助,a... 技巧知识分享!海米大厅辅助,aapoker怎么拿好牌,2025新版总结(详细教程);海米大厅辅助软件...
必备教程!福建天天开心辅助工具... 您好,福建天天开心辅助工具下载这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很...
盘点一款!微信小程序全能修改器... 【福星临门,好运相随】;盘点一款!微信小程序全能修改器,wepoker辅助透视软件,安装教程(有挂头...
盘点几款!盛世2私人辅助,we... 盘点几款!盛世2私人辅助,wepoker透视脚本是什么,揭秘教程(有挂教学)是一款可以让一直输的玩家...
揭秘几款!小程序河北微乐脚本,... 您好,小程序河北微乐脚本这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家...
玩家交流!情怀透明器看手机纸牌... 您好,情怀透明器看手机纸牌这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩...
盘点一款!福建天天开心辅助工具... 盘点一款!福建天天开心辅助工具,wepoker辅助器下载,解密教程(有挂助手);福建天天开心辅助工具...
一分钟了解!潮汕鱼虾蟹app源... 一分钟了解!潮汕鱼虾蟹app源码,购买的wpk辅助在哪里下载,扑克教程(有挂攻略)是一款可以让一直输...
玩家攻略!微乐小程序授权,德普... 玩家攻略!微乐小程序授权,德普之星辅助工具如何设置,力荐教程(有挂存在)相信很多朋友都在电脑上玩过微...
分享个大家!丽水都莱大菠萝辅助... 分享个大家!丽水都莱大菠萝辅助,wepoker透视脚本免费app,必备教程(有挂技巧);1、构建自己...