ionic实现滚动触发动作

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/y_f_raquelle/article/details/79770092

ionic可以在移动端实现滚动触发函数，可以用来实现分页加载。

HTML：

<ion-content>
    <ion-infinite-scroll on-infinite="vm.getdata()" ng-if="vm.total > vm.page+1" immediate-check="false">
    </ion-infinite-scroll>
</ion-content>

这里的ng-if阻止无限滚动

JS：

function getdata() {
    //getdata
    $scope.$broadcast('scroll.infiniteScrollComplete');
}

注意请求完数据之后要加上$scope.$broadcast('scroll.infiniteScrollComplete');

参考链接：


http://www.ionic.wang/js_doc-index-id-29.html


https://blog.csdn.net/jslcylcy/article/details/76633635