ionic学习（十一）：页面下拉刷新(Refresher)

官网参考：

https://ionicframework.com/docs/api/components/refresher/Refresher/

用法说明：

在html页面需要下拉刷新的位置添加如下代码：

 <!-- 下拉刷新 -->
    <ion-refresher (ionRefresh)="doRefresh($event)">
            <ion-refresher-content
                pullingIcon="arrow-dropdown"
                pullingText="下拉刷新"
                refreshingSpinner="circles"
                refreshingText="加载中...">
            </ion-refresher-content>
    </ion-refresher>

在ts页面设置函数doRefresh() 

//下拉刷新函数
  doRefresh(refresher) {
    console.log('Begin async operation', refresher);
    setTimeout(() => {
      console.log('数据刷新！');
          //刷新时需要调用的函数写这里
     refresher.complete();
    }, 2000);
  }

                                    ------end-----