customize swiper controls ionic code example
Example: ion slides next by button
import { ViewChild } from '@angular/core';
import { IonSlides } from '@ionic/angular';
...
@ViewChild('slides') slides: IonSlides;
next() {
this.slides.slideNext();
}
prev() {
this.slides.slidePrev();
}
...
<ion-slides #slides>
<ion-slide>
</ion-slide>
<ion-slide>
</ion-slide>
<button type="submit" float-left ion-button color="primary" class="btnPrev" (click)="prev()">Prev</button>
<button type="submit" float-right ion-button color="primary" class="btnNext" (click)="next()">Next</button>
</ion-slides>