Angular ionic 3图像滑块在手动滑动后停止自动播放

爱奥尼亚3图像滑块自动播放工作良好，但当我手动滑动图像时，自动播放停止工作。下面是我的爱奥尼亚3代码。我真的被困在这里了

    slideData = [{ image: "../../assets/img1.jpg" },{ image: "../../assets/img2.jpg" },{ image: "../../assets/img3.jpg" }]

html代码如下所示

  <ion-slides  class="slide-css" autoplay="100" loop="true" speed="100" pager="true" autoplayDisableOnInteraction = "false">
  <ion-slide *ngFor="let slide of slideData">
  <img src="{{slide.image}}" />
  </ion-slide>
  </ion-slides>

更新：

您需要像这样使用它：

import { Component, ViewChild } from '@angular/core';
import { IonicPage, NavController, NavParams, Slides } from 'ionic-angular';

@ViewChild(Slides) slides: Slides;

constructor(private navCtrl: NavController, private navParams: NavParams) {
  }

  ionViewDidEnter() {
    this.slides.autoplayDisableOnInteraction = false;
  }

slideOptsOne = {
    initialSlide: 0,
    slidesPerView: 1,
    autoplay: {
      disableOnInteraction: false
    }
  };

注意：您需要删除

html

页面上的

autoplayDisableOnInteraction=“false”

旧答案：

您可以使用如下所示的

autoplayDisableOnInteraction=“false”

    <ion-slides  class="slide-css" autoplay="100" loop="true" speed="100" 
                 pager="true" autoplayDisableOnInteraction = "false">

    </ion-slides>

disableOnInteraction布尔值true设置为false，自动播放将不会 在用户交互（刷卡）后被禁用，它将重新启动 每次互动之后

---

如果有人找到了离子4/5的解决方案，要在手动滑动后重新启动滑块，请定义如下：

import { Component, ViewChild } from '@angular/core';
import { IonicPage, NavController, NavParams, Slides } from 'ionic-angular';

@ViewChild(Slides) slides: Slides;

constructor(private navCtrl: NavController, private navParams: NavParams) {
  }

  ionViewDidEnter() {
    this.slides.autoplayDisableOnInteraction = false;
  }

slideOptsOne = {
    initialSlide: 0,
    slidesPerView: 1,
    autoplay: {
      disableOnInteraction: false
    }
  };

HTML:

参考：

---

干杯

我使用了以下代码，它工作正常，符合预期：

//在您的.ts文件中

slideOptsOne = {
    initialSlide: 0,
    slidesPerView: 1,
    autoplay: {
      delay: 3000,
      disableOnInteraction: false
    }

  };

在你的HTML中-

<ion-slides pager="false" [options]="slideOptsOne">

---

美好的我不知道这个属性。谢谢！：）谢谢请查看更新以了解更多信息：）@sebaferra很高兴听到它有帮助：）实际上是这个文档。工作原理：最新的配置方式如下：const slideoptsfede={speed:1500，autoplay:{delay:2000，disableOnInteraction:false，}，