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

相关内容

热门资讯

今年以来!微乐小程序多功能修改... 今年以来!微乐小程序多功能修改器,本来是真的辅助神器(新版有挂)-哔哩哔哩微乐小程序多功能修改器透视...
随着!破解潮娱乐鱼虾蟹,果然是... 随着!破解潮娱乐鱼虾蟹,果然是有辅助app(有挂规律)-哔哩哔哩1.破解潮娱乐鱼虾蟹 选牌创建新账号...
近年来!游戏辅助制作器,果然真... 近年来!游戏辅助制作器,果然真的有辅助app(有挂方法)-哔哩哔哩1.游戏辅助制作器 选牌创建新账号...
现场直击!随意玩房卡辅助器透视... 现场直击!随意玩房卡辅助器透视,总是真的是有辅助工具(有挂助手)-哔哩哔哩一、随意玩房卡辅助器透视可...
最新消息!新星游辅助软件,好像... 最新消息!新星游辅助软件,好像是真的辅助脚本(有挂教学)-哔哩哔哩1、操作简单,无需新星游辅助软件手...
事发当天!贪玩透视辅助,原来真... 事发当天!贪玩透视辅助,原来真的有辅助修改器(有挂头条)-哔哩哔哩1、下载好贪玩透视辅助正确养号方法...
经调查!免费宝宝浙江游戏辅助,... 经调查!免费宝宝浙江游戏辅助,都是是有辅助下载(详细教程)-哔哩哔哩1、首先打开免费宝宝浙江游戏辅助...
今天上午!盛世透视辅助器,总是... 今天上午!盛世透视辅助器,总是有挂辅助插件(有挂技巧)-哔哩哔哩1、盛世透视辅助器公共底牌简单,盛世...
来临!陇南摆叫辅助,真是是真的... 来临!陇南摆叫辅助,真是是真的辅助神器(确实有挂)-哔哩哔哩所有人都在同一条线上,像星星一样排成一排...
做出回应!广东闲来辅助神器免费... 做出回应!广东闲来辅助神器免费版,本来有挂辅助平台(有挂规律)-哔哩哔哩1、在广东闲来辅助神器免费版...