Не могу провести по слайдеру - PullRequest
Новая
       20

Не могу провести по слайдеру

0 голосов
/ 26 февраля 2020

На моей странице есть ионный слайдер, который отображает несколько фотографий, которые были сделаны. Я храню эти фотографии в 

fPhotos: Photo[] = [];

Где фотография: 

export class Photo {
Index: number
Path: any
Rotation: number = 0;
Base64: any
}

Вот мои варианты слайдера: 

slideOpts = {
initialSlide: 0,
speed: 400,
sliderPerView: 1.5,
centeredSlides: true,
spaceBetween: 40
};

Мой слайдер выглядит следующим образом: 

<ion-row >
<ion-col size="8" offset="2">
  <ion-slides pager="true" [options]="slideOpts" (ionSlideDidChange)="this.slideDidChange()">
    <ion-slide *ngFor="let photo of fPhotos">
      <img id="photo_{{ photo.Index }}" [src]="photo.Path" />
    </ion-slide>
  </ion-slides>
</ion-col>
</ion-row>

Когда я делаю две фотографии, «точки» в нижней части ползунка не видны, и, если я проведу пальцем, они останутся на исходной фотографии. Я знаю, что в моем массиве больше фотографий, потому что, когда я поворачиваю фотографию, я вижу, что край второго перекрывается с первым.

Что я делаю неправильно?

...