
Mein ngb-Karussell funktionierte mit Angular 7 und Bootstrap 4.1.1 einwandfrei. Nachdem ich jedoch Angular auf Version 8 und Bootstrap auf Version 4.3.1 aktualisiert habe, wird das Karussell nicht mehr korrekt angezeigt. Ich habe die einfachsten Codes wie folgt eingefügt:
<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>
Alle Karussellelemente werden der Reihe nach gleichzeitig angezeigt:
1.
2.
3.
First
Second
Third
PreviousNext
Ich habe keine Ahnung, was ich übersehen habe. Es scheint, als würde der Bootstrap-Stil nicht erkannt. Ich habe jedoch angular.json geändert, um den Bootstrap-Stil einzuschließen:
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.css"
],