Ngx Bootstrap Carousel-动态类别幻灯片

如何解决Ngx Bootstrap Carousel-动态类别幻灯片

我尝试使用ngx轮播创建动态幻灯片，每次我更改幻灯片的类别并单击“下一个”或“上一个”按钮之后，该项就会逐个显示。而不是连续无穷...

<div class="carousel-content" >
<div>
  <carousel
  *ngIf="isbrowser"
  [itemsPerSlide]="3"
  [singleSlideOffset]="true"
  [interval]="false"
  >
    <slide *ngFor="let slide of slides[active]; let index=index">

      <img [src]="slide.image.main.url" alt="image slide" style="display: block; width: 100%;">
      <p class="bottom-caption">Hi</p>

    </slide>
</carousel>
</div>

这是我的示例类别...

active = 0;

slides= [{
'image':url sample1,'image':url sample2,'image':url sample3,'image':url sample4,},{
'image':url sample1,}
]

我正在使用“ ngx-bootstrap”：“ ^ 5.6.1”，角度9等...

有什么想法吗？为什么每次我更改幻灯片的类别时都一一显示？