如何制作ng2-bootstrap carousel slide?

时间:2016-11-27 03:16:43

标签: angular ng2-bootstrap

我在我的应用程序中使用Angular2 bootstrap carousel component但是从一个项目滑动到下一个项目时的过渡和动画效果不起作用。

我怎样才能做到这一点?

1 个答案:

答案 0 :(得分:0)

这段代码对我有用。它滑得很好。

<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>