通过服务实现的Angular 2模态窗口/对话框

Question

我想使用Bootstrap标记和CSS创建自己的模态窗口。我查看了现有的项目，如ng2-bootstrap，但不喜欢必须将模态HTML放在模板中 - 我更喜欢它是一个具有open（）方法并返回承诺的服务。这就是ng1的angular-ui-bootstrap的工作方式，我希望保持这种方式。不幸的是，ng2版本不支持Bootstrap 3。

我可以使用哪个Angular类/ API来实现这一点？我想创建一个具有open方法的服务，该方法动态添加/删除DOM节点。

- the-a-train

---

请查看以下链接：https://dev59.com/R1oV5IYBdhLWcg3wL8aw，它可能会有所帮助。 - eko

Answer 1

Angular 2 版本的 angular-ui-bootstrap 存在于 https://ng-bootstrap.github.io，它确实有模态服务，可以打开模板或组件：https://ng-bootstrap.github.io/#/components/modal

- pkozlowski.opensource

---

是的，但它不支持bs3，正如我在原始帖子中所述。 - the-a-train

Answer 2

考虑这个解决方案：

https://stackoverflow.com/a/45494297/4572425

例如：

警告OK：

this.alertCtmService.alertOK("This is an alert!").subscribe(function (resp) {
    console.log("alertCtmService.alertOK.subscribe: resp=" + resp.ok);
    this.saveData();
}.bind(this) );

alertConfirm：

this.alertCtmService.alertConfirm("Save changes???").subscribe(function (resp) {
    console.log("alertCtmService.alertOK.subscribe: resp=" + resp.ok);
    this.saveData();
}.bind(this) );

- Dudi