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、任何多乐跑得私人房间插件...
解密一下!潮汕汇鱼虾蟹修改器,... 解密一下!潮汕汇鱼虾蟹修改器,斗棋联盟bug,一直真的有挂(哔哩哔哩)1、起透看视 潮汕汇鱼虾蟹修改...
科普一下!天酷辅助器,葫芦娃辅... 科普一下!天酷辅助器,葫芦娃辅助修改器下载,一贯有挂(哔哩哔哩)1、玩家可以在天酷辅助器线上大神俱乐...
了解一下!边锋干瞪眼小程序辅助... 了解一下!边锋干瞪眼小程序辅助,金华佛手在线辅助软件,真是有挂(哔哩哔哩);1)边锋干瞪眼小程序辅助...
有挂一下!大唐辅助神器,新九哥... 有挂一下!大唐辅助神器,新九哥脚本,本来存在有挂(哔哩哔哩)1)大唐辅助神器免费钻石:进一步探索大唐...
关于一下!789大菠萝可以控制... 关于一下!789大菠萝可以控制吗,西兵互娱辅助,其实是有挂(哔哩哔哩)运789大菠萝可以控制吗辅助工...
揭露一下!德友汇开挂脚本,凑一... 您好,德友汇开挂脚本这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家...
揭露一下!陕麻圈破解,混沌休闲... 揭露一下!陕麻圈破解,混沌休闲有没有挂,竟然存在有挂(哔哩哔哩)该软件可以轻松地帮助玩家将陕麻圈破解...
解迷一下!九游辅助器,菜鸟黑桃... 解迷一下!九游辅助器,菜鸟黑桃a3辅助,一贯存在有挂(哔哩哔哩)1、全新机制【九游辅助器ai辅助工具...