Ionic2 开发随笔:记录遇到的坑(1)

Ionic2 Slides 组件详解
本文详细介绍了Ionic2框架中Slides组件的工作原理,特别是关于ionSlideDidChange事件、getActiveIndex()方法及initialSlide属性的使用。同时深入探讨了设置loop选项后的内部处理机制以及可能遇到的数据同步问题。

Slides组件:

打开含有slides组件的页面时会执行一次ionSlideDidChange

image

getActiveIndex()获取到的值为:

    不设置 initialSlide (Index number of initial slide. Default: 0):

       滑动时:

image

            index为1、2、3,设置loop后从3滑到初始位置index是4

            点击pager时:

image

           index为1、2、3, 其余正常

  initialSlide 实际是按照0、1、2处理,设置=1后,进入slides页面后结果为

image

 

 

 

 

再研究发现问题所在:

设置了loop后,本来3个slide,Ionic2 偷偷在头尾各加了一个0和4(证据:滑到3时 isEnd()返回false,length返回5),估计是用来保证动画的连贯,0和4是缓存3和1的,可是我在动态改变1和3的数据后,0和4是不变的!所以在循环滑动时数据乱七八糟、乱七八糟。。。

 

 

转载于:https://www.cnblogs.com/ksmile/p/6508558.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值