如何讓ng2-bootstrap輪播幻燈片？

Question

我在我的應用程序中使用Angular2 bootstrap carousel component，但從一個項目滑動到下一個項目時，轉換和動畫效果不起作用。

我該如何做到這一點？

Answer 1

這段代碼適合我。它滑動很好。

<carousel [interval]="myInterval" [noWrap]="noWrapSlides"> 
     <slide *ngFor="let slidez of slides;let index=index" [active]="slidez.active"> 
      <img [src]="slidez.image"> 
      <div class="carousel-caption"> 
       <h4>Slide {{index}}</h4> 
       <p>{{slidez.text}}</p> 
      </div> 
     </slide> 
     <i class="fa fa-chevron-left left carousel-control"></i> 
     <i class="fa fa-chevron-right right carousel-control"></i> 
    </carousel>