我如何在 Ionic 4 中触发 slideNext

Question

我正在使用 Ionic 4，我想在我的自定义函数中触发 slideNext()，但我不知道如何调用 slideNext()。谁能帮我。这是我的 html 代码。

<ion-slides pager="true">
    <ion-slide class="step-one">
        <ion-img src="/assets/icon/favicon.png"></ion-img>
        <h1>Heading 1</h1>
        <p>Text</p>
    </ion-slide>

    <ion-slide class="step-two" *ngIf = "verificationCodeSent == 1">
        <ion-img src="/assets/icon/favicon.png"></ion-img>
        <h1>Heading 2</h1>
        <p>Text</p>
    </ion-slide>

    <ion-slide class="step-three" *ngIf = "verificationDone == 1">
        <ion-img src="/assets/icon/favicon.png"></ion-img>
        <h1>Heading 3</h1>
        <p>Text</p>

        <ion-button (click)="finish()">FINISH TUTORIAL!</ion-button>
    </ion-slide>
</ion-slides>

Answer 1

这是一个如何使用它的例子

.html

  <ion-slides pager="true" #theSlides>
<ion-slide class="step-one" (click)="move(theSlides)">
    <ion-img src="/assets/icon/favicon.png"></ion-img>
    <h1>Heading 1</h1 >
    <p>Text</p>
</ion-slide>

<ion-slide class="step-two" >
    <ion-img src="/assets/icon/favicon.png"></ion-img>
    <h1>Heading 2</h1>
    <p>Text</p>
</ion-slide>

<ion-slide class="step-three" >
    <ion-img src="/assets/icon/favicon.png"></ion-img>
    <h1>Heading 3</h1>
    <p>Text</p>

    <ion-button (click)="finish()">FINISH TUTORIAL!</ion-button>
</ion-slide>

.ts

move(slides){
    console.log(slides)
    slides.slideTo(2)
}

将引用 (#theSlides) 传递给自定义函数中的幻灯片 (move(theSlides))

我如何在 Ionic 4 中触发 slideNext

How can i trigger slideNext in Ionic 4

ionic-framework

ionic4