如何制作用于打开确认对话框的通用模式对话框服务?

How to make a general modal dialog service for opening confirm dialogs?

实现通用 Angular 2+(我的应用程序中的 v5)服务以使用 ngx-bootstrap 打开 BootstrapV4 模式的最佳方法是什么?

我需要一个通用模式对话框,它可以接受字符串输入(模型的标题)和 EventEmitter 输出(具有布尔值),可用于确认删除项目,我不想创建每次出现此模式时都会出现新对话框。

我知道如何使用 BsModalService 从组件打开模式,但如何才能使其可重用?

检查此组件:ngx-modal-dialog。它与 css 框架无关,因此您可以轻松地将它与 bootstrap 或其他东西一起使用。它支持:

  • 通过服务创建
  • 单实例检查
  • 传入自定义标题、内容组件and/or 操作按钮

检查此页面以获取(有点)演示:Modal dialog demo

我确定您可以在 BsModalService 之上构建此服务。

示例:

https://valor-software.com/ngx-bootstrap/#/modals#service-component

https://valor-software.com/ngx-bootstrap/#/modals#confirm-window