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

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

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

当列表为空 当ng-if为true的时候， 列表没有被填充满的时候 ，他就会自动加载loadMore（）；

$scope.loadMore = function() {

Msdk.postjsON('/informNotice/queryNoticeInfo', {

pageIndex: $scope.newsList.pageIndex,

pageSize: $scope.newsList.pageSize,

infhttp://ormIds: $scope.newsList.informIds

},

function(e) {

if(e.length != 0) {

//把每次请求到的数据都拼接起来

var a = $scope.notice;

$scope.notice = a.concat(e);

console.log($scope.notice);

//广播上个加载结束，有条件进行下个加载

$scope.$broadcast('scroll.infinSNmoyJSiteScrollComplete'); $scope.newsList.pageIndex++;

//如果请求到的数据小于pageSize，证明没数据可读

//hasmore变为false，不会执行上拉加载

if(e.length < $scope.newsList.pageSize) {

$scope.hasmore = false;

} else {

[javascript] view plain copy

//为tSNmoyJSrue有条件进行下次上拉加载

$scope.hasmore = true;

}

} else {

$scope.hasmore = false;

$scope.$broadcast('scroll.infiniteScrollComplete');

}

})

}

总结

以上所述是给大家介绍的解决ionic和angular上拉加载的问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，会及时回复大家的。在此也非常感谢大家对我们网站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。