我的 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"
],