离子-禁用幻灯片中的滚动

Question

我正在使用ion-slides来表示我的应用程序中的图像。

在某些情况下，<ion-slides>只能包含一个图像。在那种情况下，我想禁用幻灯片的水平滚动。换句话说，我希望图像固定在屏幕上，并且没有“类似反弹的效果”。

有人可以提供任何解决方案吗？

Answer 1

  

lockSwipes（shouldLockSwipes）锁定或解锁滑动到   更换幻灯片。

     

如果设置为true，则用户无法在幻灯片上向任一方向滑动。 False允许刷卡   双向。   https://ionicframework.com/docs/api/components/slides/Slides/#lockSwipes

您要么预先知道已经加载了多少图像，然后可以进行相应设置，要么需要在触发ngAfterViewInit（）事件之后检查长度。

Ionic 3 Angular component load listener https://ionicframework.com/docs/api/components/slides/Slides/#length

Answer 2

我认为要完全“阻止”滑动，您应该使用"pointer-events" css property

在模板中，使用绑定设置规则，以根据数组的长度返回“ 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 您可以更改数组的长度，看看它是否可以按照您需要的方式工作。

如果您有自己的代码，而在此处难以实现该解决方案，请发布代码plz。