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

Question

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

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

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

<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。我看到了计划 1 和计划 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>