ionic 4如何通过点击按钮更改幻灯片



我正在使用幻灯片,但我需要在单击按钮时更改幻灯片。

示例代码

<ion-slides>
<ion-slide>
Slide one 
<ion-slide>
<ion-slide>
Slide Two
<ion-slide>
</ion-slides>
<button (click)="next()" >Next</button>

我需要在点击下一个按钮时更改幻灯片,谢谢

下面是一个使用它的示例:

<ion-slides #slides>
<ion-slide>
Slide one 
<ion-slide>
<ion-slide>
Slide Two
<ion-slide>
</ion-slides>
<button (click)="next(slides)" >Next</button>

在您的ts文件中,添加下一个的方法:

next(slides){
slides.slideNext(); // slide to next
}

如果要滑动到上一页,请使用slidePrev()。这是关于幻灯片的文档。

最新更新