ionic UI Component Slides使用:手动滑动后自动滑动失效解决

在使用ionic的UI组件Slides时,发现手动滑动后,自动滑动失效

然后历经一点点的艰辛查找后找到方法,如下:

页面代码使用

<ion-slides pager loop="true" autoplay="2000">
        <ion-slide >
          <img src=""/>
        </ion-slide>
</ion-slides>
//loop=true 打开自动滑动 autoplay 滑动间隔时间 

在ts中

//添加ViewChild
import { Component,ViewChild } from '@angular/core';
//引进Slides
import { Slides } from 'ionic-angular';

//在class中定义
export class ApplicationPage {
    @ViewChild(Slides) slides:Slides;
    constructor(
      public navCtrl: NavController, 
      public navParams: NavParams) {
      }   
      
    ionViewDidEnter{
       /*解决广告栏手动滑动后,自动滑动失效*/
      this.slides.autoplayDisableOnInteraction = false;
   }       
}

就这样简单地解决了问题....

原文地址:https://www.cnblogs.com/zhichong/p/10207474.html