ion-refresher
作者:本站编辑 发布时间:2015-11-24 来源:本站原创
点击数:
用法
<ion-content ng-controller="MyController"> <ion-refresher pulling-text="下拉刷新..." on-refresh="doRefresh()"> </ion-refresher> <ion-list> <ion-item ng-repeat="item in items"></ion-item> </ion-list> </ion-content>
angular.module('testApp', ['ionic']) .controller('MyController', function($scope, $http) { $scope.items = [1,2,3]; $scope.doRefresh = function() { $http.get('/new-items') .success(function(newItems) { $scope.items = newItems; }) .finally(function() { // 停止广播ion-refresher $scope.$broadcast('scroll.refreshComplete'); }); }; });API
| 属性 | 类型 | 详情 |
|---|
| on-refresh(可选) | 表达式 | 当用户下拉到一定程度然后开始刷新时触发。 |
| on-pulling(可选) | 表达式 | 当用户开始下来刷新时触发。 |
| pulling-icon(可选) | 字符串 | 当用户下拉时显示的图标。默认: 'ion-arrow-down-c'。 |
| pulling-text(可选) | 字符串 | 当用户下拉时显示的文字。 |
| refreshing-icon(可选) | 字符串 | 用户刷新后显示的图标。 |
| refreshing-text(可选) | 字符串 | 用户刷新后显示的文字。 |