Ionic 3幻灯片组件 - 实现下一个和上一个按钮

Neo*_*ixs 3 slider typescript swiper ionic3 angular

我是IONIC 3的新手,我尝试在我的Ionic App中实现Slider,并尝试实现下一个和上一个幻灯片按钮.

喜欢:

在此输入图像描述

请帮我看看它的功能.

Gab*_*tro 5

根据此处的官方文档,您可以调用slideTo()或slideNext()方法.例如(取自官方的Ionic v2 +文档):

this.slides.slideTo(2, 500);
Run Code Online (Sandbox Code Playgroud)

这将带您进入第三张幻灯片,过渡时间为500毫秒.

要更改为上一张或下一张幻灯片,您可以使用slideNext()和slidePrev()函数或保存当前幻灯片的索引,只需将其递增或递减,同时将其作为参数传递给slideTo()函数.