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属性中，有一个类'Show'用于背景和窗口。但是如果我们在开发者控制台上手动更改它并将'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团队不再维护Bootstrap 3，所有开发仅在版本4上进行。