Angular+ng bootstrap模式未出现

Question

我正在我的项目中使用ng bootstrap。我所要做的就是打开一个模式。我读过一个类似的线程，但在那里，引导css不包括。

我正在效仿这个例子。

当我单击按钮打开模态时，模态会附加在DOM中（当使用dev工具检查时可见），但它在屏幕上不可见。

我已经在我的.Angular-cli.json中包含了引导css作为

"styles": [
        "styles.css",
        "../node_modules/bootstrap/dist/css/bootstrap.min.css"
      ],

当查看页面源时，引导css也可以在styles.bundle.js中看到。

编辑1：检查时，对于ngb-modal-window不透明度设置为0。当我将其设置为1时，popup变得可见。但弹出窗口的位置不是中心。它被拉到顶部。请参阅图像：

Answer 1

可以在css中包括

@import url('../node_modules/bootstrap/dist/css/bootstrap.min.css');
in 'styles.css'

在某些情况下，ngx-bootstrap在角度2/4时不能完全按照预期工作。