
내 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
내가 무엇을 놓쳤는지 전혀 모르겠습니다. 부트스트랩 스타일이 인식되지 않는 것 같습니다. 그러나 부트스트랩 스타일을 포함하도록 angle.json을 수정했습니다.
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.css"
],