画像は 5 つしかなく、以下の構成があります
slideOpts = {
slidesPerView: 4.25,
centeredSlides: true,
initialSlide: 2,
speed: 400,
centeredSlidesBounds: true,
spaceBetween: 0,
loop: true
};
今スライドしてスライド値を選択したとき
getSlideIndex(){
this.slides.getActiveIndex().then(
(index)=>{
this.currentIndex = index;
});
}
HTML
<ion-slides [options]="slideOpts" (ionSlideDidChange)="getSlideIndex()"
[ngClass]="{'cs-slider-loaded': slidesEnabled}">
<ion-slide *ngFor="let s of slidesItems">
<div class="main-wrap">
<div class="loading-image">
<div class="img-shadow"></div>
<div class="game-react" *ngIf="s.sideImg">
<img src="{{s.sideImg}}" />
</div>
<img src="{{s.image}}" class="slidemain_img" alt="" />
</div>
</div>
</ion-slide>
</ion-slides>
ここthis.currentIndex
が間違っています。ループに5つの画像しかないのに、12、11、9、7になることがあります