Ionic - отключить прокрутку в слайдах

Question

Я использую ion-slides для представления изображений в моем приложении.

В некоторых случаях <ion-slides> может содержать только одно изображение.В этом случае я хочу отключить горизонтальную прокрутку слайдов.Другими словами, я хочу, чтобы изображение было зафиксировано на экране, и у него не было бы «подобных отказов» эффектов.

Может ли кто-нибудь предложить какое-либо решение по этому вопросу?

Answer 1

Я думаю, чтобы полностью «заблокировать» свайп, вы должны сделать трюк, используя свойство указателя-события css

В вашем шаблоне используйте привязку, чтобы установить правило, возвращающее «none» или «auto 'в зависимости от длины вашего массива:

  <ion-slides [style.pointer-events]="slides.length>1?'auto':'none'">
    <ion-slide *ngFor="let slide of slides">
      {{ slide }}
    </ion-slide>
  </ion-slides>

См. stackblitz здесь: https://stackblitz.com/edit/ionic-ehmfj5 Вы можете изменить длину массива и посмотреть, работает ли он так, как вам нужно.

Если у вас есть код, и вы изо всех сил пытаетесь реализовать решение здесь - опубликуйте свой код, пожалуйста.

Answer 2

lockSwipes (shouldLockSwipes) Заблокировать или разблокировать возможность скольжения для смены слайдов.

Если установлено значение true, пользователь не может проводить пальцем в любом направлении на слайде.False позволяет проводить в обоих направлениях.https://ionicframework.com/docs/api/components/slides/Slides/#lockSwipes

Вы либо знаете, сколько изображений было загружено заранее, и можете установить это соответствующим образом, либо вам нужно проверить длину, возможно, после того, как событие ngAfterViewInit () сработало.

Ionic 3 слушатель угловой нагрузки компонента https://ionicframework.com/docs/api/components/slides/Slides/#length