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;
   }       
}
复制代码

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

posted @   vegetbaleBrid  阅读(472)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示