ngb-progressbar没有出现

Question

我正在将ngb-progress栏实现到我的html中，当我将其添加到代码中时，它将出现在控制台中。我可以更改和编辑宽度和高度，并且div会占用空间，但是，进度条本身不会显示。只是空白。

<div>
    <p>
        <ngb-progressbar [max]="100" [value]="25"></ngb-progressbar>
    </p>
</div>

这是控制台中的视图：

<div _ngcontent-c7="">
    <p _ngcontent-c7="">
        <ngb-progressbar _ngcontent-c7="" ng-reflect-max="100" ng-reflect-value="25">
            <div class="progress">
                <div aria-valuemin="0" role="progressbar" class="progress-bar" aria-valuenow="25" aria-valuemax="100" style="width: 50%;height: 5em;">
                    <!--bindings={
                        "ng-reflect-ng-if": "false"
                    }-->
                </div>
            </div>
        </ngb-progressbar>
     </p>
</div>

Answer 1

您似乎已忘记包含Bootstrap CSS。请注意，ng-bootstrap 需要 Bootstrap CSS 4.0.0或更高版本。