mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 21:15:24 +08:00
24 lines
1.1 KiB
HTML
24 lines
1.1 KiB
HTML
<ion-slides #mySlider [options]="mySlideOptions" (didChange)="onSlideChanged()" class="my-slides">
|
|
<ion-slide padding>
|
|
<h1>Slide 1</h1>
|
|
<button block (click)="goToPrevSlide()">Navigate Back</button>
|
|
<button block (click)="goToNextSlide()">Navigate Forward</button>
|
|
<button block (click)="goToSlide(2)">Navigate to 3rd Slide</button>
|
|
<button block (click)="getLength()">Get Slide Length</button>
|
|
<button block (click)="getIndex()">Get Index</button>
|
|
</ion-slide>
|
|
<ion-slide padding>
|
|
<h1>Slide 2</h1>
|
|
<button block (click)="goToPrevSlide()">Navigate Back</button>
|
|
<button block (click)="goToNextSlide()">Navigate Forward</button>
|
|
<button block (click)="goToSlide(2)">Navigate to 3rd Slide</button>
|
|
<button block (click)="getIndex()">Get Index</button>
|
|
</ion-slide>
|
|
<ion-slide padding>
|
|
<h1>Slide 3</h1>
|
|
<button block (click)="goToPrevSlide()">Navigate Back</button>
|
|
<button block (click)="goToNextSlide()">Navigate Forward</button>
|
|
<button block (click)="getIndex()">Get Index</button>
|
|
</ion-slide>
|
|
</ion-slides>
|