Angular弹出模态框的方式

 时间:2024-10-14 21:16:54

1、一、弹出方式一1.alert弹框(1)demo目录--------app.component.ts--------app.component.html--------app.module.ts--------detail(文件夹)------------detail.component.ts------------detail.component.html(2)demo代码app.module.ts导入必要的BootstrapModalModule 和ModalModule ,再注册它们

Angular弹出模态框的方式

3、detail.component.html编写alert弹框的布局

Angular弹出模态框的方式

5、confirm弹框(1)demo目录--------app.component.ts--------app.component.html--------app.module.ts--------confirm(文件夹)------------confirm.component.ts------------confirm.component.html(2)demo代码app.module.ts导入必要的BootstrapModalModule 和ModalModule ,再注册它们,这些都跟alert弹框一样,因为这些都是方法一的弹出方式

Angular弹出模态框的方式

7、app.component.ts编写这个按钮的动作showConfirm()

Angular弹出模态框的方式

9、confirm.component.ts创建模态框组件

Angular弹出模态框的方式

11、app.component.ts很简单,连组件的布局都不用写,传入一些参数比如图标icon,大小size等

Angular弹出模态框的方式Angular弹出模态框的方式
  • SAP 如何定义incoterms国际贸易术语
  • 几何画板如何快速制作点标签
  • 处置冗余存货的方法
  • 怎样查阅外国文献
  • 迅雷怎么设置自动删除文件不存在任务?
  • 热门搜索
    苏州同里旅游攻略 三月底适合去哪里旅游 上海旅游节半价景点 内蒙古赤峰旅游景点 徐州的旅游景点 哈尔滨冬季旅游攻略 柞水旅游 去南京旅游攻略 陕西黄龙县旅游景点 太原附近旅游景点