2

我的 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();”的下一个和上一个按钮 有同样的错误。

4

1 回答 1

1

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

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

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

于 2019-11-01T07:49:55.073 回答