ionic上拉加载更多解决方法

朱雀 2022-07-14 12:40 227阅读 0赞

第一步： $scope.hasmore = true;//是否允许上拉加载   
$scope.num = 8;//显示条数

第二步：//查询显示内容，查出所有的

$scope.Group = function () \{

$http(\{

url: Storage.get("Visiturl") + 'api/XXXX.ashx',

method: 'post'

\}).success(function (data, header, config, status) \{             //响应成功

if (data != "") { $scope.contents= data; return; } else { return; } }).error(function (data, header, config, status) { //处理响应失败 $scope.err_txt = '出错了,请稍后再试'; return; }); } $scope.Group(); 第三步： ng-repeat="content in contents| limitTo: num"//循环显示多少条，num为显示几条，已在js中定义8条 第四步： <ion-infinite-scroll ng-if="hasmore" immediate-check="false" on-infinite="loadMore()" distance="1%"></ion-infinite-scroll>//hasmore为是否允许上拉加载更多，loadMore为上拉时执行的方法

第五步：$scope.loadMore = function () \{

if ($scope.num > $scope.gps.length) \{ //显示数量大于总数不让上拉加载

$scope.hasmore = false;

\} else \{

//否则显示数量为当前显示数量加8条

$scope.num = $scope.num + 8;

\}

`$scope.$broadcast('scroll.infiniteScrollComplete');//关闭上拉加载动画`

`}`

发表评论取消回复

表情：

评论列表（有 0 条评论，227人围观）

还没有评论，来说两句吧...

相关阅读

相关 uniapp上拉加载更多

<template> <view class="container"> <view v-for="(item,index

╰半夏微凉°/ 2023年01月11日 09:11/ 0 赞/ 216 阅读

相关 uniapp上拉加载更多Uview

scroll-view scroll-y="true" @scrolltolower="scroll_y"> 你的请求数据 <u-loadmore

深碍√TFBOYSˉ_/ 2023年01月02日 11:22/ 0 赞/ 231 阅读

相关移动端上拉加载更多

上拉加载更多组件的原理上拉加载 1。当滚动条到达触底距离（触底距离：距离底部的一定距离），触发加载下一页数据调用加载函数fn 2。如果正在加载下一页时（网速过慢时

雨点打透心脏的1/2处/ 2022年11月25日 13:17/ 0 赞/ 218 阅读

相关 listview下拉刷新，上拉加载更多的实现方法

今天在某网站学习了listview的下拉刷新，上拉加载更多。记录一下防止忘记。 1.要实现listview的下拉刷新，上拉加载更多需要重写listview代码如下： imp

r囧r小猫/ 2022年08月04日 16:47/ 0 赞/ 254 阅读

相关 ionic之上拉加载更多

我是代码 controller代码 .controller('articlePageCtrl', ['$scope', '$stateParams', '$io

柔光的暖阳◎/ 2022年07月19日 02:42/ 0 赞/ 213 阅读

相关 ionic上拉加载更多解决方法

第一步： $scope.hasmore = true;//是否允许上拉加载 $scope.num = 8;//显示条数第二步：//查询显示内容，查出所有的

朱雀/ 2022年07月14日 12:40/ 0 赞/ 228 阅读

相关 react上拉加载更多

[react][] 前言最近在写的项目中有上拉加载更多的需求。抽空就来写一篇文章。上拉加载更多，下拉刷新，在原生 App 上经常都用到，既符合用户的使用习惯，也

待我称王封你为后i/ 2022年06月02日 02:12/ 0 赞/ 326 阅读

相关小程序上拉加载更多数据

本人也是新手进行刚刚接触小程序然后需要一个上拉加载数据的代码，百度看了一下自己做出一点总结希望可以帮助跟我一样入坑的新手首先是页面.wxml代码 <!--上拉刷新

「爱情、让人受尽委屈。」/ 2022年03月31日 07:58/ 0 赞/ 307 阅读

相关 jQuery 上拉加载更多

> 上拉加载，当用户浏览到页面底部时候，自动加载下一页的内容不管是上拉加载还是下拉刷新，其实都离不开一个关键的事件：滚动条滚动事件。本demo是窗口的滚动条事件，如果需

r囧r小猫/ 2022年02月14日 00:17/ 0 赞/ 383 阅读

相关上拉加载更多

这里用到了 IntersectionObserver，关于这个论述阮一峰老师有专门写到。我这里就参照这个理论做了个工具为了兼容性我引入了npm install inters

深藏阁楼爱情的钟/ 2022年01月19日 05:07/ 0 赞/ 345 阅读