Ionic 上拉刷新,下拉加载
2016-02-19 21:02
447 查看
<!DOCTYPE html> <html ng-app="ionicApp"> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <title></title> <link href="lib/ionic/css/ionic.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <link href="css/ionic.css" rel="stylesheet"> <script src="css/bundle.css"></script> <script src="lib/ionic/js/ionic.bundle.js"></script> <script src="cordova.js"></script> <!-- your app's js --> <script src="js/app.js"></script> </head> <body ng-controller="MyCtrl"> <ion-header-bar class="bar-positive"> <h1 class="title">Pull To Refresh</h1> </ion-header-bar> <ion-content> <ion-refresher on-refresh="doRefresh()"> </ion-refresher> <ion-list> <ion-item ng-repeat="item in items">{{item}}</ion-item> </ion-list> </ion-content> </body> </html>
angular.module('ionicApp', ['ionic']) .controller('MyCtrl', function($scope, $timeout) { $scope.items = ['Item 1', 'Item 2', 'Item 3']; $scope.doRefresh = function() { console.log('Refreshing!'); $timeout( function() { //simulate async response $scope.items.push('New Item ' + Math.floor(Math.random() * 1000) + 4); //Stop the ion-refresher from spinning $scope.$broadcast('scroll.refreshComplete'); }, 1000); }; });
相关文章推荐
- java项目遇到的 java.security.InvalidKeyException:illegal Key Size 报错解决方案
- OC中通过协议实现多继承
- 巩固下java基础,接口与抽象类的区别
- box-sizing
- java和c#程序,试试语法
- C语言:【动态顺序表】动态顺序表的初始化、打印、尾插PushBack、尾删PopBack
- windows基础知识--------第一篇
- 我的C#学习日记:2016.2.19
- tableView中实现headView图片拉伸效果的三种解决方案
- C++基础篇之 复制构造函数调用时机
- 源代码管理器git
- bzoj2209 括号序列 splay
- 排序算法(四)——快速排序
- python列表删除会出现一个错误 list index out of range
- VC判断鼠标形状
- 04环信聊天界面 - 完善语音消息在cell上的显示
- [Java 基础]数据类型
- 11.Oracle深度学习笔记——操作系统自动化监控脚本
- 来自苹果的编程语言——Swift简单介绍
- Matlab中的函数句柄@