离子3图像滑块在手动滑动后停止自动播放

本文介绍了离子3图像滑块在手动滑动后停止自动播放的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

Ionic 3图像滑块自动播放效果很好，但是当我手动滑动图像时，自动播放停止工作。以下是我的离子3代码。我真的被困在这里..

Ionic 3 image slider autoplay works well, but when I slide the image manually the autoplay stops working. Below is my ionic 3 code. I am really stuck here..

    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>

推荐答案

更新：

Update:

您需要像这样使用它：

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;
  }

注意： 您需要在 html 页面上删除 autoplayDisableOnInteraction =false。

旧答案：

Old Answer:

您可以使用 autoplayDisableOnInteraction =false 如下所示。

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

    </ion-slides>

这篇关于离子3图像滑块在手动滑动后停止自动播放的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！