ng2 Bootstrap 旋转木马：无法设置活动幻灯片值。它总是需要幻灯片 1

Question

我正在为我的项目使用 http://valor-software.com/ng2-bootstrap/#/carousel。

我能够实现它，但幻灯片 1 始终处于活动状态。我不确定如何从 slide1.

中删除活动 class

唯一的问题是我无法将活动幻灯片值设置为特定值。当我设置 [active] 输入时，我得到幻灯片以及第一张幻灯片的设置值。我无法删除幻灯片 1 的活动 class。

<carousel *ngIf="planList" (activeSlideChange)="onSlideChange($event)" [interval]="false">
  <slide *ngFor="let plan of planList" [active]="plan.active">  
      <oe-plan-details [planDetailsSummary]="plan"></oe-plan-details>
  </slide>
</carousel>

在这种情况下，我将 plan-3 的 plan.active 设置为 true。我同时看到 plan-1 和 plan-3。即2个轮播

Answer 1

您应该使用 2 种方式的数据绑定来设置活动索引

<carousel [(activeSlide)]="activeIndex">
      <slide *ngFor="let i of items">
        <img [src]="i.image" class="img-responsive" alt="some image">
      </slide>
</carousel>

ng2 Bootstrap 旋转木马：无法设置活动幻灯片值。它总是需要幻灯片 1

ng2 Bootstrap Carousel: unable to set active slide value. It always takes slide 1

carousel

ng2-bootstrap

angular