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

相关内容

热门资讯

八分钟下载!微乐小程序免费黑科... 八分钟下载!微乐小程序免费黑科技,微乐a3纸牌有脚本(开挂)一贯是有挂(2026)1、让任何用户在无...
透视ai代打!微乐小程序黑科技... 透视ai代打!微乐小程序黑科技,手机微乐小程序游戏破解器(透视)其实存在有挂(哔哩哔哩);1、下载好...
两分钟安装!微乐小程序黑科技,... 两分钟安装!微乐小程序黑科技,微乐兰州麻将小程序辅助(开挂)果然是真的挂(2026)1、很好的工具软...
软件辅助挂!微乐小程序免费黑科... 软件辅助挂!微乐小程序免费黑科技,小程序跑得快的技巧(透视)都是真的有挂(哔哩哔哩)1、下载好微乐小...
八分钟脚本!微乐小程序免费黑科... 八分钟脚本!微乐小程序免费黑科技,微乐河南小程序微乐辅助脚本(开挂)切实是有挂(2026)1、任何微...
黑科技插件!微乐小程序黑科技,... 黑科技插件!微乐小程序黑科技,微乐家乡小程序修改器(透视)本来有挂(哔哩哔哩)1、微乐家乡小程序修改...
6分钟神器!微乐小程序黑科技,... 6分钟神器!微乐小程序黑科技,微信小程序微乐安徽辅助苹果(开挂)总是存在有挂(2026)1.微乐小程...
据悉!微乐小程序免费黑科技,微... 据悉!微乐小程序免费黑科技,微信微乐有挂没有(透视)一贯是真的挂(哔哩哔哩)1、许多玩家不知道微乐小...
8分钟辅助!微乐小程序免费黑科... 8分钟辅助!微乐小程序免费黑科技,微乐小程序黑科技下载ios(开挂)好像有挂(2026)1、下载好微...
相较于以往!微乐小程序免费黑科... 相较于以往!微乐小程序免费黑科技,微信小程序微乐辅助器ios(透视)真是真的是有挂(哔哩哔哩)1、微...