ng-bootstrap模式不工作

Question

模式未正确打开。下面是屏幕截图：screen shot

这是我的package.json“依赖项”：{ ""："^5.2.0"，""：“”^5.2.0“”，""："^5.2.0"，""："^5.2.0"，""：“”^5.2.0“”，""："^5.2.0"，""："^5.2.0"，""："^5.2.0"，""："^5.2.0"，"@ng-bootstrap/ng-bootstrap"："^1.0.0"，"angular4-slimscroll"："^1.0.5"，"bootstrap"："^4.0.0"，"core-js"："^2.4.1"，"rxjs"："^5.5.6"，"zone.js"："^0.8.19“}，

我发现了以下导致问题的原因:对于我的应用程序，当模式打开时，dom元素中没有与模式相关的类。查看下面的图片：my example dom

虽然在ng-bootstrap托管的示例中是demo，但dom元素如下：

dopm from ng-bootstrap modal demo

任何帮助都将不胜感激。

Answer 1

通过在style.scss文件中应用这个css类，我就可以使用它。

.modal-open .modal
{
  opacity: 1;
}