关于ionic指令 <ion-infinite-scroll ng-if="moreDataCanBeLoaded()" icon="ion-loading-c" on-infinite="loadMoreData()" distance=1%> </ion-infinite-scroll> 运用中遇到的问题

2017-05-06 02:40

ionic前端框架为前端开发添砖加瓦,提高的前端开发效率,但也存在着各种坑。下面举一例:

<ion-infinite-scroll   ng-if="moreDataCanBeLoaded()"   icon="ion-loading-c"   on-infinite="loadMoreData()" distance=1%> </ion-infinite-scroll>  这个指令在不同的机型有可能会出现一进页面没有执行的问题,今天开发时遇到,安卓机都出数据啊,就是老板的ipone6,没出数据啊,想要执行的方法却没有执行,老大看了关键啊,这是怎么回事这是ionic的bug吗  后面查了ionic的手册, 运用上没有问题啊,就是按照手册的意思来用的啊。经过尝试,这个要上线的版本,就是在这个页面上加了个发包的按钮,怎么就出问题了呢,然后去掉加上去的这个按钮,页面正常了,ion-infinite-scroll指令如期地执行了loadMoreData()方法,数据出现了,这个晕菜了。

这不行啊,发包按钮得加了啊,加上后又不行了,为什么在页面上加了个按钮就不执行了呢,着急,再查手册我注意到了distance=1%这个属性,是不是和distance的赋值有关,于是把distance改成了10%,果然所有机型正常了,意思是在未滚到底之前触发distance越大越早触发。