本文实例为大家分享了离子实现下拉刷新功能的具体代码,供大家参考,具体内容如下
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=" utf - 8 "/比;
& lt; title> ionic
& lt; !——记得导入离子包和离子样式——比;
& lt;脚本src=" https://www.yisu.com/zixun/js/ionic.bundle.min.js " type=" text/javascript " charset=皍tf - 8”祝辞& lt;/script>
& lt;链接rel="样式表" type=" text/css " href=" https://www.yisu.com/zixun/css/ionic.css " rel=巴獠縩ofollow”/比;
& lt; !
离子
角
http美元——服务
ng -指令
表达式{{}}
刷新案例
ul -
数据
——比;
& lt;/head>
& lt;身体ng-app=ng-controller“myApp”=癿yCtrl”比;
& lt; ion-header-bar类=癰ar-calm”比;
& lt; h2类="标题"祝辞下拉刷新& lt;/h2>
& lt;/ion-header-bar>
& lt; ion-content>
& lt; !
下拉刷新
ion-refresher
pulling-text下拉的时候显示的文本
pulling-icon图标
比;
& lt;/ion-refresher>
& lt; ul类=傲斜怼北?
& lt;李类="项目" ng-repeat=昂蒙唐贰痹趝{good.gname}} & lt;/li>
& lt;/ul>
& lt;/ion-content>
& lt; !
角
mvc视图视图各种标签,数据ng-model{{}},控制器控制器逻辑代码
指令:一个特殊的属性
表达式:一段代码,主要功能:取数据,可以进行运算
模块:一些功能和视图组成的整体
服务:就是一个方法,满足一些需要而定义的方法。内置服务30多个
http美元
内置过滤器:9个
管道符|
——比;
& lt;脚本type=" text/javascript祝辞//创建模块
var mod=angular.module (“myApp”[“离子”]);//[]里面的是需要注入的对象。两个:ngRoute/离子//创建控制器
mod.controller (“myCtrl函数(范围、美元http) {//定义数组,也就是模型数据
$ scope.goods={”gname”:“秋裤”},{“gname”:“羽绒服"});//刷新的方法
$ scope.doRefresh=function () {//请求网络,加载数据
http.get美元(“data.json”)(函数(点播){//取得数据,请求将数据封装到数据属性里面了
var d=req.data;//将一个集合整个加入另外一个集合接触()//美元范围。商品=$ scope.goods.contact (d);
我(var=0; i< d.length;我+ +){
美元scope.goods.unshift (d[我]);
}//结束刷新
范围。广播美元(“scroll.refreshComplete”);
},函数(点播){
alert("失败”);
});//最后(函数(){////});
}
});
& lt;/script>
& lt;/body>
& lt;/html>
之前
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
