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

相关内容

热门资讯

必备辅助推荐透视器工具!pan... 必备辅助推荐透视器工具!panda多功能透视器工具,panda都是真的是有透视器工具1、这是跨平台的...
玩家必看科普透视挂教程!呼包鄂... 玩家必看科普透视挂教程!呼包鄂游戏多功能透视挂教程,呼包鄂游戏切实是真的有透视挂教程1、呼包鄂游戏辅...
玩家亲测透视挂技巧!开心娱乐多... 玩家亲测透视挂技巧!开心娱乐多功能透视挂技巧,开心娱乐竟然是有透视挂技巧1、进入游戏-大厅左侧-新手...
推荐一款开挂app!白金岛跑得... 推荐一款开挂app!白金岛跑得快多功能开挂app,白金岛跑得快好像有开挂app1、让任何用户在无需白...
重大推荐透视挂app!广东麻将... 重大推荐透视挂app!广东麻将多功能透视挂app,广东麻将果然有透视挂app1、完成广东麻将有辅助插...
一秒答解透视挂软件!情怀宜春麻... 一秒答解透视挂软件!情怀宜春麻将多功能透视挂软件,情怀宜春麻将切实真的有透视挂软件1、让任何用户在无...
总算清楚透视器攻略!微乐福建麻... 总算清楚透视器攻略!微乐福建麻将多功能透视器攻略,微乐福建麻将其实存在有透视器攻略1、完成微乐福建麻...
实测必看辅助脚本!天天麻将九州... 您好,天天麻将九州这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家在...
重大来袭作弊器插件!闲来互娱多... 重大来袭作弊器插件!闲来互娱多功能作弊器插件,闲来互娱都是真的是有作弊器插件1、下载好闲来互娱透视辅...
2024教程透视挂软件!博雅地... 2024教程透视挂软件!博雅地方棋牌多功能透视挂软件,博雅地方棋牌果然真的是有透视挂软件1)博雅地方...