ngx 光滑的轮播在 Angular 7 的 ngx-bootstrap 手风琴内不起作用？

Question

我已经在 ngx-bootstrap 手风琴和标签中添加了 ngx -slick-carousal，标签也出现在手风琴内，但是如果我将它添加到手风琴之外，它的工作。如何在手风琴内添加？如果需要初始化怎么办？

<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()"

在 .ts 刷新光滑滑块后，它将自动加载

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