如何在ionic中移动幻灯片时调用函数

<ion-slides>
  <ion-slide>
    Slide 1
  </ion-slide>
  <ion-slide>
    Slide 2
  </ion-slide>
  <ion-slide>
    Slide 3
  </ion-slide>
</ion-slides>

import { Component } from '@angular/core';

@Component({
  selector: 'app-slides',
  templateUrl: 'slides.page.html',
  styleUrls: ['slides.page.scss'],
})
export class SlidesPage {

  slideChanged() {
    // 在这里编写你的逻辑代码，当幻灯片移动时调用该函数
    console.log('Slide changed!');
  }

}

<ion-slides (ionSlideDidChange)="slideChanged()">
  <!-- 幻灯片内容 -->
</ion-slides>