
我的 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
我不知道我錯過了什麼,似乎引導程式風格不被識別。但是,我確實修改了 angular.json 以包含引導程式樣式:
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.css"
],