改进此文档

ion-refresher
隶属于ionContent 或 ionScroll

允许你添加下拉刷新滚动视图。

把它作为ionContent 或 ionScroll元素的第一个子元素。

当刷新完成时，从你的控制器中广播（$broadcast）出 'scroll.refreshComplete'事件。

用法

<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
(可选)
 字符串

用户刷新后显示的文字。