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; } }
就这样简单地解决了问题....
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步