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)德普之星透视...
相较于以往!新道游透视黑科技,... 相较于以往!新道游透视黑科技,wpk安卓下载辅助,窍要教程(存在有挂)-哔哩哔哩1、每一步都需要思考...
透视智能ai!德普之星透视,德... 透视智能ai!德普之星透视,德普之星怎么设置埋牌(透视)一贯有挂(有挂助手)-哔哩哔哩在进入德普之星...
出现新变化!葫芦娃通杀辅助使用... 出现新变化!葫芦娃通杀辅助使用,新海贝之城脚本,教材教程(有挂解惑)-哔哩哔哩1.葫芦娃通杀辅助使用...
透视存在!德普之星私人局透视,... 透视存在!德普之星私人局透视,德普之星私人局透视(透视)总是存在有挂(有挂秘籍)-哔哩哔哩;德普之星...
相较于以往!新众亿挂机,新九哥... 相较于以往!新众亿挂机,新九哥智能辅助app,策略教程(有挂神器)-哔哩哔哩1、这是跨平台的新九哥智...
透视透视!德普之星辅助软件,德... 透视透视!德普之星辅助软件,德普之星透视辅助软件(透视)其实有挂(真是有挂)-哔哩哔哩透视透视!德普...
有了最新消息!福建大玩家辅助操... 有了最新消息!福建大玩家辅助操作视频,哈糖大菠萝免费辅助器,法门教程(有挂工具)-哔哩哔哩一、福建大...
透视挂!德普之星怎么开辅助,德... 透视挂!德普之星怎么开辅助,德扑圈透视(透视)真是存在有挂(了解有挂)-哔哩哔哩1、德普之星怎么开辅...
截至目前!wepoker国外版... 截至目前!wepoker国外版透视,雀友会广东潮汕辅助脚本,模板教程(有挂方法)-哔哩哔哩该软件可以...