【发布时间】：2017-09-19 23:21:03
【问题描述】：
我想在我的 angular2project 中实现 Bootstrap 模式。我尝试使用 Bootstrap 和 jQuery，但我的模态不会淡入。我还尝试了 Angular 依赖项 ng2-bs3-model，该依赖项也存在同样的问题。
有没有更好的方法在 Angular 2 中实现 Bootstrap 模式？
【问题讨论】：
标签： javascript jquery twitter-bootstrap angular
【发布时间】：2017-09-19 23:21:03
【问题描述】：
您可以从 ng-bootstrap 项目尝试原生模式实现：https://ng-bootstrap.github.io/#/components/modal
优点是这些是原生 Angular 指令，这意味着您不需要包含 jQuery 或任何其他 3rd 方 JavaScript。来自https://ng-bootstrap.github.io/#/components/modal 的模态服务的实现非常好用。有一个服务，您可以将组件传递给该服务以用作模式的内容。在大多数情况下，打开一个模式是单行的：
this.modalService.open(NgbdModalContent);
您可以在此 plunk 中看到一个正在运行的工作示例：http://plnkr.co/edit/1epmosa7mqHiwF66oHEV?p=preview
【讨论】：
-
感谢 cmets，我尝试使用 ng-bootstrap 项目，但无法显示对话。我做了与网站上描述的相同的方式。但是在单击按钮时对话框没有打开。在控制台中没有发现错误。
-
但是我已经链接了一个工作中的 plunker.... 您可以随时将 plunker 中的代码与您的设置进行比较。
-
请检查这个网址：ng-bootstrap-modal-is-not-displaying，我已经添加了一个关于此的新问题，请您也检查一下，如果遗漏了什么，请告诉我
-
谢谢，我忘了添加引导 css。它现在工作正常。
-
这个 ng-bootstrap 只适用于 Bootstrap 4 ，它与 Bootstrap 3 不兼容