
Mi ngb-carrusel funcionó perfectamente con Angular 7 y Bootstrap 4.1.1. Sin embargo, después de actualizar Angular a la versión 8 y Bootstrap a la versión 4.3.1, el carrusel ya no se muestra correctamente. Puse los códigos más simples de la siguiente manera:
<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>
Todos los elementos del carrusel se muestran a la vez en orden, como:
1.
2.
3.
First
Second
Third
PreviousNext
No tengo idea de lo que me perdí, parece que no se reconoce el estilo bootstrap. Sin embargo, modifiqué angular.json para incluir el estilo bootstrap:
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.css"
],