Meu carrossel ngb funcionou perfeitamente usando Angular 7 e Bootstrap 4.1.1. No entanto, depois de atualizar o Angular para a versão 8 e o Bootstrap para a versão 4.3.1, o carrossel não é mais exibido corretamente. Coloquei os códigos mais simples da seguinte forma:
<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 os itens do carrossel são exibidos de uma só vez em ordem, como:
1.
2.
3.
First
Second
Third
PreviousNext
Não tenho ideia do que perdi, parece que o estilo bootstrap não é reconhecido. No entanto, modifiquei o angular.json para incluir o estilo bootstrap:
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.css"
],