Angular2 上 Bootstrap 模式的问题

Question

我正在做一个 angular2 项目，我们使用包 "bootstrap": "~3.3.7".

我们在尝试打开模式时遇到问题。当我们检查 HTML 时，它显示以下

<ngb-modal-backdrop class="modal-backdrop fade show"></ngb-modal-backdrop>
<ngb-modal-window role="dialog" style="display: block;" tabindex="-1" ng-reflect-class-name="modal fade show" class="modal fade show">

请注意，在 class 属性中，有一个 class 'Show' 用于背景和 window。但是，如果我们在开发人员控制台上手动更改它并将 'show' 切换为 'in'，模态将出现在屏幕上。

我们在调用模态时没有做任何奇怪的事情：

this.modalDialog = this.modalService.open(SiteSettingsEditDialog);

知道会发生什么吗？

Answer 1

ng-bootstrap 仅适用于 Bootstrap 4 CSS 因此您必须将 Bootstrap 软件包更新到 4.0.0-alpha.6.

ng-bootstrap 项目决定支持 Bootstrap 4 只是因为 Bootstrap 3 不再由 Bootstrap 团队维护并且所有开发都在版本 4 上进行只有.

Angular2 上 Bootstrap 模式的问题

Issue with Bootstrap modal on Angular2

typescript

bootstrap-modal

ng-bootstrap

angular