angular+ionic 的app上拉加载更新数据实现方法

前端之家收集整理的这篇文章主要介绍了angular+ionic 的app上拉加载更新数据实现方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

第一步,首先需要在标签里面加入标签

里面的属性解释,

ng-if 值 布尔型,如果为true,则可以触发上拉事件 on-infinite 上拉时触发的事件 distance 列表底部滚动到可触发上拉事件的距离,默认为1% icon 加载时显示的加载图标,默认为 'ion-loading-d'

第二步:在控制器内书写

定义可触发事件的对象

然后书写loadMore事件

然后写loadajax事件

获取到数据,如果没有获取数据,则不再触发加载事件 return; } $scope.items = $scope.items.concat(data.data); }).error(function () { console.log("err"); }).finally(function () { $scope.$broadcast('scroll.infiniteScrollComplete');//这里是告诉ionic更新数据完成,可以再次触发更新事件 $scope.$broadcast('scroll.refreshComplete'); }); }

以上所述是小编给大家介绍的angular+ionic 的app上拉加载更新数据实现方法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/js/42467.html

猜你在找的JavaScript相关文章