角度引导模态显示不会被触发

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

中得到修复