解决ionic2/ionic3轮播图切换页面或者点击事后不自动轮图

咱们在ionic2/ionic3开发的过程当中会出现切换页面或者滑动切换轮播图出现轮播图再也不轮播的状况,这其实须要一些配置.
首先在运用到轮播图的component中引入api

import {ViewChild } from '@angular/core';

import { Slides } from 'ionic-angular';

而后ionic

@ViewChild(Slides) slides: Slides;
//解决切换其余页面回去轮播图不动问题
ionViewWillEnter(){
  this.slides.startAutoplay();
}
ionViewWillLeave(){
  this.slides.stopAutoplay();
}

附轮播图自动轮图的apiide

<ion-slides pager autoplay="600" speed="800" loop="true" autoplayDisableOnInteration="true">

            <ion-slide>
                
            </ion-slide>

        </ion-slides>

autoplay:自动轮播间歇时间;speed:切换轮播图速度;oop

相关文章
相关标签/搜索