在使用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; } }
就这样简单地解决了问题....