Question

模态未正确打开。以下是截图：screen shot

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

找到导致问题的因素：对于我的应用程序，当打开模态时，dom元素中没有与模态相关的类。检查下面的图片： my example dom

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

dopm from ng-bootstrap modal demo

任何帮助将不胜感激。

Answer 1

通过在style.scss文件

中应用此css类，它对我有用

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

ng-bootstrap模式不起作用

1 个答案: