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

您应该使用双向数据绑定来设置活动索引

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

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

1 个答案: