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

Question

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

示例代码

<ion-slides>
  <ion-slide>
   Slide one 
  <ion-slide>

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

单击下一步按钮时，我需要更改幻灯片谢谢

Answer 1

这是一个使用它的示例：

<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() 。 这是有关幻灯片的文档。