基于ionic实现下拉刷新功能

网友投稿 217 2023-02-05


基于ionic实现下拉刷新功能

本文实例为大家分享了ionic实现下拉刷新功能的具体代码,供大家参考,具体内容如下

//创建模块

var mod = angular.module("myApp",["ionic"]);//[]里面的是需要注入的对象。两个:ngRoute /ionic

//创建控制器

mod.controller("myCtrl",function($scope,$http){

//定义数组、也就是model数据

$scope.goods=[{"gname":"秋裤"},{"gname":"羽绒服"}];

//刷新的方法

$scope.doRefresh=function(){

//请求网络,加载数据

$http.get("data.json").then(function(req){

//取得数据 ,req将数据封装到data属性里面了

var d = req.data;

//将一个集合整个加入另外一个集合contact()

// $scope.goods= $scope.goods.contact(d);

for (var i =0;i

$scope.goods.unshift(d[i]);

}

//结束刷新

$scope.$broadcast("scroll.refreshCompleteWrNJNbuT");

},function(req){

alert("失败");

});

// .finally(function(){

//

// });

}

});

$scope.goods.unshift(d[i]);

}

//结束刷新

$scope.$broadcast("scroll.refreshCompleteWrNJNbuT");

},function(req){

alert("失败");

});

// .finally(function(){

//

// });

}

});


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

上一篇:在angular 6中使用 less 的实例代码
下一篇:java 线程几种状态(java线程几种状态)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~