Ionic framework 无法使用离子幻灯片方法（ChangeDetectorRef没有提供程序）

我想使用ion幻灯片方法getActiveIndex（），但当我将ion幻灯片作为提供程序导入时，出现以下错误：

NullInjectorError:没有ChangeDetectorRef的提供程序

我不知道为什么我要把这个添加到提供者中。即使我添加了这个，我还有另一个提供者：ElementRef

如果你看一下我的代码，你能告诉我我是否做错了什么吗

谢谢

liste.page.ts:

import {IonSlides} from '@ionic/angular';

@Component({
  selector: 'app-liste',
  templateUrl: './liste.page.html',
  styleUrls: ['./liste.page.scss'],
})

export class ListePage {

  constructor(private ionSlides: IonSlides) { }

  slideChanged() {
     console.log(this.ionSlides.getActiveIndex());
    }

}

<ion-slides [options]="sliderConfig" (ionSlideTransitionEnd)="slideChanged()">
  <ion-slide *ngFor="let item of items; let i = index">
   {{item.name}}
  </ion-slide>
</ion-slides

ionic (Ionic CLI)             : 4.9.0 
Ionic Framework               : @ionic/angular 4.1.2
@angular-devkit/build-angular : 0.13.6
@angular-devkit/schematics    : 7.2.4
@angular/cli                  : 7.3.6
@ionic/angular-toolkit        : 1.4.1

liste.page.html:

import {IonSlides} from '@ionic/angular';

@Component({
  selector: 'app-liste',
  templateUrl: './liste.page.html',
  styleUrls: ['./liste.page.scss'],
})

export class ListePage {

  constructor(private ionSlides: IonSlides) { }

  slideChanged() {
     console.log(this.ionSlides.getActiveIndex());
    }

}

<ion-slides [options]="sliderConfig" (ionSlideTransitionEnd)="slideChanged()">
  <ion-slide *ngFor="let item of items; let i = index">
   {{item.name}}
  </ion-slide>
</ion-slides

ionic (Ionic CLI)             : 4.9.0 
Ionic Framework               : @ionic/angular 4.1.2
@angular-devkit/build-angular : 0.13.6
@angular-devkit/schematics    : 7.2.4
@angular/cli                  : 7.3.6
@ionic/angular-toolkit        : 1.4.1

---

在liste.page.html中使用：

<ion-slides pager="true" #slides>

下面是我的工作

从'@ionic/angular'导入{IonSlides}；
从“@angular/core”；/”导入{ViewChild}{
控制台日志（val）；
});