
Мой 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"
],