關於ionic指令 <ion-infinite-scroll ng-if="moreDataCanBeLoaded()" icon="ion-loading-c" on-infinite="loadMoreData()" distance=1%> </ion-infinite-scroll> 運用中遇到

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越大越早觸發。