Bootstrap 4.3.1 轮播不适用于 Angular 8

Bootstrap 4.3.1 轮播不适用于 Angular 8

我的 ngb-carousel 使用 Angular 7 和 Bootstrap 4.1.1 完美运行。然而,在我将 Angular 升级到版本 8 并将 Bootstrap 升级到版本 4.3.1 后,轮播不再正确显示。我给出了最简单的代码,如下所示:

<ngb-carousel >
    <ng-template ngbSlide>
        <div>First</div>
    </ng-template>
    <ng-template ngbSlide>
        <div>Second</div>
    </ng-template>
    <ng-template ngbSlide>
        <div>Third</div>
    </ng-template>
</ngb-carousel>

所有轮播项目按顺序同时显示,如下所示:

 1.
 2.
 3.

First
Second
Third
PreviousNext

我不知道我错过了什么,好像 bootstrap 样式无法识别。不过,我确实修改了 angular.json 以包含 bootstrap 样式:

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

相关内容