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

我不知道我錯過了什麼,似乎引導程式風格不被識別。但是,我確實修改了 angular.json 以包含引導程式樣式:

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

相關內容