I am trying to incorporate the ngx-slick-carousel inside an ngx-bootstrap accordion and tabs. The tabs are located within the accordion, but when I try to add the carousel outside of the accordion, it works fine. How can I successfully add it inside the accordion? Do I need to initialize it in a specific way?
<accordion [isAnimated]="true">
<accordion-group heading="Title 1">
<tabset class="spot-tab">
<tab heading="Stress1">
some content
</tab>
<tab heading="Stress2">
<ngx-slick-carousel class="carousel first" #slickModal="slick-carousel" [config]="slideflipbookConfig">
<div ngxSlickItem *ngFor="let slide of slides" class="slide">
<div class="full-width relative">
<img class="img-responsive" src="{{ slide.img }}" alt="" width="100%">
</div>
</div>
</ngx-slick-carousel>
</tab>
</tabset>
</accordion-group>
</accordion>