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

相关内容

热门资讯

专业教程辅助挂!wepoker... 『标题:当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红,对局总结能力开挂。上传对局回放或者战绩截...
玩家交流辅助!wepoker代... wepoker代打辅助机器人AI 游戏攻略黑科技上线本地缓存功能,离线查阅能力开挂。提前下载对应游戏...
专业讨论!辅助挂!wepoke... wepoker透视脚本苹果版AI 游戏攻略黑科技上线本地缓存功能,离线查阅能力开挂。提前下载对应游戏...
解密教程透视挂!wpk系统是否... AI 黑科技赛道又上新,这款智能处理工具堪称效率开挂,专门面向短视频创作者打造。它打通脚本撰写、AI...
玩家交流辅助器!wepoker... 玩家交流辅助器!wepoker透视脚本免费下载pc,微扑克是不是有挂助手(原先是有辅助器)AI 智能...
记者揭秘!辅助!wpk透视辅助... 记者揭秘!辅助!wpk透视辅助方法,德扑之星究竟有没有挂插件(最初真的有辅助)AI 智能体黑科技再上...
重大通报透视!德扑之星透视免费... 『标题:当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红,对局总结能力开挂。上传对局回放或者战绩截...
技巧教程开挂!德普辅助app,... 技巧教程开挂!德普辅助app,微扑克开挂破解插件(一向是真的有开挂)AI 是一款可以让一直输的玩家修...
科普分享辅助器!有哪些免费的w... 『标题:当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红,对局总结能力开挂。上传对局回放或者战绩截...
研究成果透视!wepoker如... 很多人使用云端 AI 时,都担心wepoker如何设置透视、内部资料上传带来隐私风险。这款本地运行的...