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、微乐游戏小程序脚本...
黑科技开挂!微乐小程序黑科技免... 黑科技开挂!微乐小程序黑科技免费(开挂),微乐云南麻将切实真的有透视挂技巧1、超多福利:超高返利,海...
黑科技辅助!微乐自建房安装挂免... 黑科技辅助!微乐自建房安装挂免费(辅助),微乐郑州麻将其实有透视挂攻略在进入微乐自建房安装挂免费软件...
黑科技辅助!微乐广西小程序开挂... 黑科技辅助!微乐广西小程序开挂(辅助),微乐辅助神器好像真的是有透视挂教程一、微乐广西小程序开挂游戏...
黑科技外挂!微信小程序四川微乐... 黑科技外挂!微信小程序四川微乐脚本(外挂),微乐烟台麻将好像有透视挂教程1、实时微信小程序四川微乐脚...
黑科技作弊器!微乐小程序多功能... 黑科技作弊器!微乐小程序多功能修改器(作弊器),微乐邯郸麻将本来真的是有透视挂软件1.微乐小程序多功...
黑科技作弊器!微信小程序游戏破... 黑科技作弊器!微信小程序游戏破解器(作弊器),微乐甘肃摆叫原来是真的有透视挂方法1)微信小程序游戏破...