基于ionic实现下拉刷新功能

前端之家收集整理的这篇文章主要介绍了基于ionic实现下拉刷新功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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(){
//
// });

}

});

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/js/32403.html

猜你在找的JavaScript相关文章