Ionic Angular 应用：如何使用滑动条显示幻灯片索引？

Question

can anyone tell me why the interpolation of the index property doesn't work? the value remains fixed at 1.

.html

<swiper (slideChange)="onSlideChange($event)">   
  <ng-template *ngFor ="let image of this.images, let i = index" swiperSlide>
     <ion-list style="align-items:center">
        <ion-img class="image" [src]="image.data"></ion-img>
        <ion-label>{{image.name}}</ion-label>
     </ion-list>
  </ng-template>
</swiper> 
<ion-label>{{index}}/{{this.images.length}}</ion-label>

.ts

images = [....];
index = 1;
onSlideChange(event){
    this.index = event[0].activeIndex+1;
    console.log(this.index);
}

ps the console prints the correct index value every (slideChange)

Answer 1

You Can use getActiveIndex() Read official documentation https://ionicframework.com/docs/v3/api/components/slides/Slides/#getActiveIndex