zookeeper python接口实例详解
240
2023-05-16
ionic实现下拉刷新载入数据功能
本文实例为大家分享了ionic下拉刷新载入数据的具体代码,供大家参考,具体内容如下
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<ion-header-bar class="bar-royal">
pulling-text="正在刷新页面数据..." on-refresh="doRefresh()">
pulling-text="正在刷新页面数据..."
on-refresh="doRefresh()">
var app=angular.module("myApp",["ionic"]);
app.controller("myCtrl",["$scope",function ($scope) {
$scope.goodses=[];
for(var i=0;i<50;i++){
$scope.goodses.push(i+"我是首页展示")
}
$scope.doRefresh=function () {
//下来载入数据
$scope.goodses=[];
for(var i=0;i<50;i++){
$scopmvDsRCpe.goodses.push(i+"我是下拉载入****")
}
/*
页面下拉刷新,其实就是延迟更改数据
数据一旦被延迟更新,在Angular中我们通过$scope.$apply()进行脏数据检查,
然后将数据同步 ionic中,要通过广播信号的方式,
使用$scope.$broadcase("scroll.refreshComplete")告诉页面中的所有组件,
数据已经刷新完成,可以重新加载数据
*/
// 停止广播ion-refresher
$scope.$broadcast('scroll.refreshComplete');
}
}])
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~