本文实例为大家分享了ionic实现下拉刷新功能的具体代码,供大家参考,具体内容如下
<script src="js/ionic.bundle.min.js" type="text/javascript" charset="utf-8">
<script type="text/javascript">
//创建模块
var mod = angular.module("myApp",["ionic"]);//[]里面的是需要注入的对象。两个:ngRoute /ionic
//创建控制器
mod.controller("myCtrl",function($scope,$http){
//定义数组、也就是model数据
$scope.goods=[{"gname":"秋裤"},{"gname":"羽绒服"}];
//刷新的<a href="https://www.jb51.cc/tag/fangfa/" target="_blank" class="keywords">方法</a>
$scope.doRefresh=function(){
//请求网络,加载数据
$http.get("data.json").then(function(req){
//取得数据,req将数据封装到data<a href="https://www.jb51.cc/tag/shuxing/" target="_blank" class="keywords">属性</a>里面了
var d = req.data;
//将一个集合整个加入另外一个集合contact()
// $scope.goods= $scope.goods.contact(d);
for (var i =0;i<d.length;i++) {
$scope.goods.unshift(d[i]);
}
//结束刷新
$scope.$broadcast("scroll.refreshComplete");
},function(req){
alert("失败");
});
// .finally(function(){
//
// });
}
});