Angular + ng bootstrap模态没有出现

Question

我在我的项目中使用ng bootstrap。我所困扰的只是打开一个模态。我读了一个similar thread但是那里没有包含bootstrap css。

我正在关注this示例。

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

我在.angular-cli.json中包含了bootstrap css

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

当查看页面源时，styles.bundle.js中也会显示Bootstrap css。

编辑1： 检查时，ngb-modal-window opacity设置为0.当我将其设置为1时，弹出窗口变为可见。但弹出窗口的位置不是中心。它被拉到顶部。请参考图片：

Answer 1

你可以加入css

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

在某些情况下，ngx-bootstrap在角度2/4中无法正常工作。

Answer 2

在尝试使用ng-bootstrap和bootstrap时，我遇到了同样的问题3.安装ng-bootstrap-to-bootstrap-3并按照我今天保存的说明进行操作。