ionic-framework - 如何手动滑动到ion-slide中的下一张幻灯片

Question

我在 ionic4 中使用 ion-slide，我想通过单击按钮手动转到下一张幻灯片。我看过 ion-slide 文档，其中提到了 slideNext 方法。但是我不知道如何使用这种方法来更改幻灯片。

Answer 1

是的，我找到了解决方案。在 ionic 4 中，您必须导入 IonSlides 而不是 Slides。

home.ts

import { IonSlides} from '@ionic/angular';


 export class HomePage {

      @ViewChild('mySlider')  slides: IonSlides;

      swipeNext(){
        this.slides.slideNext();
      }

    }

home.html

 <ion-slides pager="true"  pager="false" #mySlider>

   <ion-slide>
   </ion-slide>

   <ion-slide>
   </ion-slide>

    <ion-button (click)="swipeNext()">Next</ion-button>

 </ion-slides>