ngx slick carousal не работает внутри аккордеона ngx-bootstrap в angular7?

Question

Я добавил ngx -slick-carousal внутри аккордеона и вкладок ngx-bootstrap, вкладки также присутствуют внутри аккордеона, но если я добавлю его вне аккордеона, его работа. как добавить внутри аккордеона? если нужно инициализировать, как это сделать?

<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>

Answer 1

В HTML:

Добавьте (click)="toggleAccordian()" в тег аккордеона

In .ts. После обновления слайдера он загрузится автоматически.

toggleAccordian() {
  $('.carousel').slick('refresh');
}