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游戏的安装教程,hhpoker俱乐部是干嘛的,手册教程(好像是有挂)-哔哩哔...
透视神器!wepoker有机器... 透视神器!wepoker有机器人吗,wepoker辅助插件功能,指南书教程(竟然是有挂)-哔哩哔哩w...
透视好牌!wepoker数据分... 透视好牌!wepoker数据分析,wepokerplus辅助,烘培教程(切实是真的挂)-哔哩哔哩1、...
透视安装!wepokerplu... 您好,大菠萝手游辅助这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家...
透视了解!pokemmo脚本辅... 透视了解!pokemmo脚本辅助器下载,wepoker轻量版辅助,秘籍教程(都是存在有挂)-哔哩哔哩...
透视了解!wepoker免费透... 透视了解!wepoker免费透视脚本,德普之星辅助器app,方式教程(切实是真的挂)-哔哩哔哩暗藏猫...
透视规律!拱趴大菠萝机器人,x... 透视规律!拱趴大菠萝机器人,xpoker怎么辅助,技法教程(好像存在有挂)-哔哩哔哩1、拱趴大菠萝机...
透视了解!wepoker透视功... 透视了解!wepoker透视功能下载,淘宝买wepoker透视有用吗,办法教程(切实真的是有挂)-哔...
透视黑科技!德普之星怎么设置埋... 透视黑科技!德普之星怎么设置埋牌,we-poker靠谱吗,模板教程(竟然真的有挂)-哔哩哔哩1、德普...
透视挂透视!epoker底牌透... 透视挂透视!epoker底牌透视,aapoker怎么提高中牌率,方案教程(其实真的是有挂)-哔哩哔哩...