如何打开一般模态对话框服务来打开确认对话框？

Question

使用ngx-bootstrap打开BootstrapV4模式，实现一般Angular 2+（我的应用程序中的v5）服务的最佳方法是什么？

我需要一个通用的模态对话框，可以使用字符串输入（模型的标题）和EventEmitter输出（带有布尔值），可用于确认删除项目，我不想创建新的对话框每次出现这种模式。

我知道如何使用BsModalService从组件中打开模态，但是如何使其可重用？

Answer 1

检查此组件：ngx-modal-dialog。这是css框架不可知的，所以你可以轻松地使用它与bootstrap或其他东西。它支持：

• 通过服务创建
• 单一实例检查
• 传递自定义标题，内容组件和/或操作按钮

点击此页面查看（有点）演示：Modal dialog demo

Answer 2

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

示例：

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

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