ion-refresher 下拉更新数据

使用指令ion-refresher可以为容器eg:ion-scroll 和 ion-content进行拉动刷新

<ion-scroll>

   <ion-refresher on-refresh="dofresh"></ion-refresher>

  <ion-list></ion-list>

</ion-scroll>

ion-refresher 有以下可选属性

1.on-refresh : 当用户下拉到足够距离时触发  

eg: <ion-refresher  on-refresh="dofresh()">

      </ion-refresher>

2.on-pulling : 当用户开始下拉时触发  

eg: <ion-refresher  on-pulling="startPulling()">

      </ion-refresher>

3.pulling-text : 当用户开始下拉时显示的文本  

eg: <ion-refresher pulling-text="拉动刷新">

      </ion-refresher>

4.refresher-icon : 当用户开始下拉松开后显示的等待图标,但是可用spinner代替

5.disable-pulling-rotation:禁止下拉图标旋转动画

刷新完毕后,应当使用作用域的$broadcast()方法通知框架

$scope.$broadcast("scroll.refreshComplete")

原文地址:https://www.cnblogs.com/maochunyan/p/6163557.html