解决ionic和angular上拉加载的问题

前端之家收集整理的这篇文章主要介绍了解决ionic和angular上拉加载的问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

说到ionic上拉加载就跟pc的分页是一样的,他需要在html数据列表的最下面边添加

当列表为空 当ng-if为true的时候, 列表没有被填充满的时候 ,他就会自动加载loadMore();

<span style="font-size:18px;"><span style="white-space:pre"> //hasmore变为false,不会执行上拉加载
if(e.length < $scope.newsList.pageSize) {
$scope.hasmore = false;
} else {
[javascript] view plain copy
<span style="font-size:18px;"><span style="white-space:pre"> //为true有条件进行下次上拉加载
$scope.hasmore = true;
}
} else {
$scope.hasmore = false;
$scope.$broadcast('scroll.infiniteScrollComplete');
}
})
}

总结

以上所述是小编给大家介绍的解决ionic和angular上拉加载的问题。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的JavaScript相关文章