关于ionic指令 <ion-infinite-scroll ng-if="moreDataCanBeLoaded()" icon="ion-loading-c" on-infinite=...

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越大越早触发。

转载于:https://www.cnblogs.com/worldforest/p/6814451.html