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