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

Question

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

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

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

Answer 1

我相信你可以在BsModalService之上构建这项服务。

例子：

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

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

Answer 2

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

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

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