anglar2-useful-swiper不会自动更改幻灯片

时间:2018-06-12 12:22:25

标签: angular

我正在尝试将angular2-useful-swiper与包含自动旋转的SPA集成以移动图像。但是,它根本没有过渡,而是停留在第一页。

控制台中有错误,一切似乎都正常(我可以手动滑动幻灯片,它只是没有通过它们过渡)。

谁能告诉我我做错了什么。在我的component.html中有;

<swiper [config]="swiperConfig" class="col-md-12">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="preview" style="background-image:url('/images/slider/slider13.jpg')">
                </div>
            </div>
/*removed for brevity*/  

然后在我的组件中;

slidesForScreenWidth: number = 1;

swiperConfig: any = {
    pagination: '.swiper-pagination',
    paginationClickable: true,
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    spaceBetween: 20,
    speed: 400,
    slidesPerView: this.slidesForScreenWidth
};

我在这里错过了一个设置吗?

1 个答案:

答案 0 :(得分:0)

您需要添加autoplay对象。然后看看选项you have available here

要进行轮换,请使用loop选项。