ng2 Карусель начальной загрузки: невозможно установить значение активного слайда. Это всегда занимает слайд 1

Question

Я использую http://valor-software.com/ng2-bootstrap/ для своего проекта.

Я могу это реализовать, но слайд 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.active для plan-3 как 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>