title: ng2 Bootstrap Carousel: unable to set active slide value. It always takes slide 1
body: <p>I am using <a href="http://valor-software.com/ng2-bootstrap/#/carousel" rel="nofollow noreferrer">http://valor-software.com/ng2-bootstrap/#/carousel</a> for my project.</p>
  
  <p>I am able to implement it but slide 1 is always active. I am not sure how to remove the active class from slide1.</p>
  
  <p>The only problem is that I am not able to set the active slide value to a particular value. 
  WhenI set the [active] input, I get the slide is set the value for as well as the first slide. 
  I am not able to remove the active class for slide 1. </p>
  
  <pre><code>&lt;carousel *ngIf="planList" (activeSlideChange)="onSlideChange($event)" [interval]="false"&gt;
    &lt;slide *ngFor="let plan of planList" [active]="plan.active"&gt;  
        &lt;oe-plan-details [planDetailsSummary]="plan"&gt;&lt;/oe-plan-details&gt;
    &lt;/slide&gt;
  &lt;/carousel&gt;
  </code></pre>
  
  <p>In this case, I have set plan.active for plan-3 as true. I see both plan-1 and plan-3. That is, 2 carousels</p>