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软件... 两分钟了解!WePoKer软件透明挂,aapoker设置果真真的有挂,玩家教程(有挂技巧)-哔哩哔哩...
透视黑科技(最新版wpk)外挂... 透视黑科技(最新版wpk)外挂透明挂辅助器(辅助挂)黑科技教程(2022已更新)(哔哩哔哩),亲,有...
免费测试版(wpk稳定)外挂透... 免费测试版(wpk稳定)外挂透明挂辅助工具(辅助挂)德州ai机器人(了解有挂)-哔哩哔哩关于wpk稳...
透明私人局!Wepoke教学(... 自定义Wepoke教学系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管...
信息共享(wpk外挂)外挂透明... 信息共享(wpk外挂)外挂透明挂辅助软件(辅助挂)分享教程(2020已更新)(哔哩哔哩);(需添加指...
科技分享!WepOke软件透明... 科技分享!WepOke软件透明挂,wepoke系统其实真的有挂,黑科技教程(有挂猫腻)-哔哩哔哩;建...
指导大家(WPK)外挂透明挂辅... 指导大家(WPK)外挂透明挂辅助脚本(透视)软件透明挂(有挂攻略)-哔哩哔哩是一款可以让一直输的玩家...
透视苹果版!Wepoke大厅房... 透视苹果版!Wepoke大厅房(WEpoke)外挂透明挂辅助器(透视)AI教程(有挂透视)-哔哩哔哩...
最新研发(wpk外挂)外挂透明... 最新研发(wpk外挂)外挂透明挂辅助工具(辅助挂)AI教程(2021已更新)(哔哩哔哩);wpk外挂...
透视透明!WepoKe软件透明... 透视透明!WepoKe软件透明挂,红龙扑克发牌的确真的有挂,分享教程(发现有挂)-哔哩哔哩;玩家必备...