Ionic2关于Slides的一些坑
来源:互联网 发布:仓储数据库概念设计 编辑:程序博客网 时间:2024/06/07 10:43
首先,要知道Slides是实际使用的是swiper组件,所以遇到问题也可以查阅swiper相关资料。
HTML
<ion-slides #ionSlides loop="true" autoplay="3000" pager (ionSlideAutoplayStop)="autoPlay()">
TS:
@ViewChild('ionSlides') slides;
1、Slides在用户拖拽后,停止自动播放,解决方法:
第一种方法: 可以监听 停止自动播放 事件,然后开启自动播放:
autoPlay(){ this.slides.startAutoplay();
第二种方法: 在启动的时候设置 slides的属性autoplayDisableOnInteraction 为false;
ionViewDidEnter(){ this.slides.autoplayDisableOnInteraction = false; }
2、自动播放的Slides调转到其他页面一定时间后(超过设置的播放时间),再回到此页面,自动播放失效,解决方法如下:
现在页面退出的时候手动停止slides的播放(此步骤必须要有,不然后面的启动无效),在回来页面加载完成的时候启动自动播放,代码如下:
//页面进入时启动自动播放 ionViewDidEnter(){this.slides.startAutoplay(); } //页面离开时停止自动播放 ionViewDidLeave(){ this.slides.stopAutoplay(); }
2 0
- Ionic2关于Slides的一些坑
- Ionic2 slides的使用
- 关于Ionic2\Angular2使用http的一些坑
- ionic2 使用slides制作滑动效果的类型选择栏
- Ionic2-解决在使用slides的时候autoplay、loop等Input Properties报错问题
- ionic2 遇到的一些小问题
- ionic2 使用tabs+slides实现滑动切换页面效果
- ionic2/ionic3 弹框Alerts、滑动框Slides 用法小结
- ionic2+cordova 遇到的坑
- ionic2踩过的坑
- Ionic2 的几个坑记录
- Ionic2使用百度地图和html5 geolocation的一些注意事项
- 使用ionic2开发的一些问题及对策
- 【Ionic2】Ionic2 踩坑记录
- Ionic2之tabs相关内容和其他一些坑
- ionic2+angular2中踩的那些坑
- ionic2 编译打包APK遇到的坑
- cordova 打包ionic2项目遇到的坑
- (转)知乎:史上最全Quant资源整理
- 线CSS美化radio和checkbox
- C++指向结构体变量的指针
- 廖雪峰老师——Python进阶( 函数式编程 )
- (尚学杯)C.Collection Game
- Ionic2关于Slides的一些坑
- C编程经验总结4
- js刷新页面的几种常用方法
- Activemq 常见的一些问题 心得
- 什么时候用接口,什么时候用抽象类?
- 家园 codevs1034 ctsc1999 最大流
- bzoj1180: [CROATIAN2009]OTOCI(lct)
- Python3 (入门5) 类
- bzoj 1610: [Usaco2008 Feb]Line连线游戏