
私の 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 を変更しました。
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.css"
],