ionic 下拉刷新
作者:WarmHope
时间:2026-08-11
浏览:0
加载新数据时,通常还要把下拉刷新这一步一并做好,相关代码如下: 实例 HTML 代码 Ja vaScript 代码 angular.module('starter', ['ionic']) .run(function($ionicPlatform) { $ionicPlatform.ready(fu
本文目录
加载新数据时,通常还要把下拉刷新这一步一并做好,相关代码如下:

实例
HTML 代码
Ja vaScript 代码
angular.module('starter', ['ionic'])
.run(function($ionicPlatform) {
$ionicPlatform.ready(function() {
// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
// for form inputs)
if(window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
}
if(window.StatusBar) {
StatusBar.styleDefault();
}
});
})
.controller( 'actionsheetCtl',['$scope','$timeout' ,'$http',function($scope,$timeout,$http){
$scope.items=[
{
"name":"HTML5"
},
{
"name":"Ja vaScript"
},
{
"name":"Css3"
}
];
$scope.doRefresh = function() {
$http.get('http://www.runoob.com/try/demo_source/item.json') //注意改为自己本站的地址,不然会有跨域问题
.success(function(newItems) {
$scope.items = newItems;
})
.finally(function() {
$scope.$broadcast('scroll.refreshComplete');
});
};
}])
item.json 文件里的数据如下:
[
{
"name":"菜鸟教程"
},
{
"name":"www.runoob.com"
}
]
效果如下所示:
作者最新文章
sql条件判断字符串不包含某个字符串的方法详解
2026-10-13 17:39
漫蛙漫画官网
2026-10-13 13:19
漫蛙官网入口免费下载安装最新版
2026-10-13 13:18
漫蛙漫画登录页面在哪
2026-10-13 13:15
Photoshop自定义图层样式的保存、导入与管理技巧
2026-10-05 14:17
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多










































