码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-01-19 00:06:48      阅读:86      评论:0      收藏:0      [点我收藏+]

标签:nic   ice   disable   运用   from   content   切换   angular   inter   

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

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

import { Slides } from ‘ionic-angular‘;

然后

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

附轮播图自动轮图的api

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

            <ion-slide>
                
            </ion-slide>

        </ion-slides>

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

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

标签:nic   ice   disable   运用   from   content   切换   angular   inter   

原文地址:https://www.cnblogs.com/baimeishaoxia/p/12210741.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!