失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 解决ionic2/ionic3轮播图切换页面或者点击过后不自动轮图

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

时间:2018-10-01 18:40:23

相关推荐

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

我们在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>

如果觉得《解决ionic2/ionic3轮播图切换页面或者点击过后不自动轮图》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。