angular bootstrap 模态显示没有被触发

Question

我正在尝试从 Angular Bootstrap (https://ng-bootstrap.github.io/#/components/modal)

中实现一个简单的模式

然而，当我单击示例中的按钮（本地实现）时，ngb-modal-window 元素不会转换为不透明度 1。但如您所见，它确实包含正确的 类（淡入淡出） ):

代码：

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

这导致在同一元素上缺少 css：

.fade.show {
    opacity: 1;
}

在 plunker/demosites.

中显示时，由于未知原因，我的实现中缺少该部分

我尝试通过两种方式将其手动添加到我的组件 css：

.fade.show {
    opacity: 1;
}

ngb-modal-window.modal.fade.show {
  opacity: 1;
}

两者均无效。

可能是什么原因？我是不是遗漏了一些微不足道的东西？

更多信息：

• <template ngbModalContainer></template> 已收录
• 组件中引入了NgbModal
• bootstrap 版本 4.0.0-alpha.5

Answer 1

https://github.com/ng-bootstrap/ng-bootstrap/issues/1293

这已在 bootstrap 4.0.0-alpha.6

中修复