您的位置：首页 > 其它

Ionic 下拉刷新

2017-10-18 14:45 78 查看
下面代码展示了一个简易的列表刷新！
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<link href="ionic.css" rel="stylesheet">
<script type="text/javascript" src="ionic.bundle.js"></script>
<title></title>
<script type="text/javascript">
var app = angular.module("myApp",["ionic"]);
app.controller("myCtrl",function($scope,$http) {
$scope.itemss = [
{
name:"第一个黑"
},
{
name:"第二个傻"
},
{
name:"第三个老"
}
];
$scope.Dofresh = function() {
$http.get("item.json").then(function(response) {
$scope.itemss = response.data;
}).finally(function() {
$scope.$broadcast("scroll.refreshComplete");
});
};
});
</script>
</head>
<body ng-app="myApp">
<ion-pane ng-controller="myCtrl">
<ion-content>
<ion-refresher pulling-text="小黑拼命加载"  on-refresh="Dofresh()"></ion-refresher>

<ion-list>
<ion-item ng-repeat="item in itemss">{{item.name}}</ion-item>
</ion-list>
</ion-content>
</ion-pane>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航