ngb-modal无法正确打开

时间：2018-05-09 20:42:10

标签： angular google-chrome bootstrap-4 bootstrap-modal ng-bootstrap

从模态基本示例中复制演示代码，我遇到了这个问题。模态窗口显示在根HTML中，而不是在具有黑色背景的新窗口中。有任何想法吗？我使用了角度CLI并安装了popper.js，jquery，ngb和bootstrap。

代码与此URL中的第一个示例完全相同： https://ng-bootstrap.github.io/#/components/modal/examples

唯一区别是

  • 上的（点击）打开模态，但它使用与示例相同的功能

    这是一个有问题的GIF The Problem Itself

    • 1 个答案:

    答案 0 :(得分：0)

    从它的外观来看，你似乎没有在你的项目中包含bootstrap css。

    在index.html中添加：

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
    相关问题
    最新问题