ionSlides 未定义

Question

我的 Ionic 4 项目中有一个基本滑块，但 this.slides 在每个点上都未定义。几天前还行，我就是想不通为什么现在不行了。

TS-文件：

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

export class xyPage implements OnInit {

  @ViewChild(IonSlides, { static: true }) slides: IonSlides;

  constructor() {}


  public getSlideIndex() {
    console.log(this.slides);
    this.slides.getActiveIndex().then((index: number) => {
        this.currentSlideIndex = index;
     });
  }
}

模板：

<ion-slides 
    options="slideOpts" 
    pager="true"
    (ionSlideDidChange)="getSlideIndex()">
        <ion-slide *ngFor="let slide of SlideOptions | keyvalue">
          <div class="slide-image img3 animated fadeIn">
            ...
          </div>
        </ion-slide>
</ion-slides>

错误：

ERROR Error: 
Uncaught (in promise): TypeError: Cannot read property 'getActiveIndex' of undefined

带有"this.slides.slideNext();"的下一个和上一个按钮有同样的错误。

Answer 1

这是我造成的一个小问题。感谢所有想帮助我的人！

我在滑块的父元素上有一个 *ngIf=""，它阻止了它。

可能太明显了，无法立即看到。

ionSlides 未定义

ionSlides is undefined

ionic-framework

ion-slides

angular

ionic4