-1

画像は 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になることがあります

ここに画像の説明を入力

4

1 に答える 1