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

【问题标题】：How to make a general modal dialog service for opening confirm dialogs?如何制作用于打开确认对话框的通用模式对话框服务？
【发布时间】：2018-07-02 03:42:39
【问题描述】：

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

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

我知道如何使用 BsModalService 从组件中打开模式，但我怎样才能使其可重用？

【问题讨论】：

【解决方案1】：

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

例子：

【讨论】：

【解决方案2】：

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

查看此页面以获取（有点）演示：Modal dialog demo

【讨论】：