ion-refresher
属于ionContent或者ionScroll

添加一个下拉刷新的滚动视图。

需将它作为ionContentionScroll的第一个子元素。

刷新完成后,使用$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
(可空)
expression

下拉并刷新后触发

on-pulling
(可空)
expression

下拉时触发

pulling-text
(可空)
string

下拉时显示的文字

pulling-icon
(可空)
string

下拉时显示的图标,默认: 'ion-arrow-down-c'.

spinner
(可空)
string

同refreshing-icon,但spinner基于SVG动画 参考(ionic-china中文网文档)ionSpinner

refreshing-icon
(可空)
string

当用户下拉并松开后,显示等待的图标

disable-pulling-rotation
(可空)
boolean

禁止下拉图标旋转动画