角度引导模态显示不会被触发-Java 学习之路

我试图从Angular Bootstrap实现一个简单的模态（https://ng-bootstrap.github.io/#/components/modal）

但是，当我单击示例中的按钮（本地实现）时， ngb-modal-window 元素不会转换为不透明度1.但是正如您所看到它确实包含正确的类（淡入淡出显示）：

Code:

<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;
}

两者都没用 .

可能是什么原因？我错过了一些微不足道的东西吗？

更多的信息：

1 回答