Angular 2和Bootstrap 4打开对话框

Question

我有一个问题。如何打开一个简单的组件作为对话框？我点击按钮后想打开一个对话框。我使用Angular 2.4和Bootstrap 4 alpha 6。

我发现了这个：https://github.com/shlomiassaf/angular2-modal但是没有用于调度它的组件。

Answer 1

通过使用https://ng-bootstrap.github.io/#/components/modal中的NgbModal服务，您可以非常轻松地打开内容来自组件的对话框（模态）。方法如下：

modalService.open(YourComponentToShowAsDialog);

是的，就是这样:-)只需记住将YourComponentToShowAsDialog添加到模块的entryComponents部分。

最后，这里有一位资深人士展示了它如何在实践中发挥作用：http://plnkr.co/edit/XzUbRiBfqSKmmOYhZtPJ?p=preview