Angular + 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并按照我今天保存的说明进行操作。