ionSlides не определено - PullRequest
Новая
       45

ionSlides не определено

2 голосов
/ 01 ноября 2019

У меня есть базовый слайдер в моем проекте 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 ();»имеют ту же ошибку.

1 Ответ

0 голосов
/ 01 ноября 2019

Это была тривиальная проблема, вызванная мной. Спасибо всем, кто хотел мне помочь!

У меня был * ngIf = "" на родительском элементе слайдера, который заблокировал его.

Вероятно, это было слишком очевидно, чтобы сразу увидеть.

...