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

时间:2023-03-10 05:01:58
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;
}
}

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