ionic4基础学习笔记18-下拉刷新页面

1、页面代码，放在list上面

 <!--该组件要放在<ion-content>目录下-->
  <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
    <ion-refresher-content 
                            pullingText="使劲向下拉"
                            refreshingSpinner="circles"
                            refreshingText="努力加载中...">
    </ion-refresher-content>
  </ion-refresher>
<ion-list>
        <ion-item *ngFor="let item of list">
          <ion-label>{{item}}</ion-label>
        </ion-item>
      
      </ion-list>

2、js代码

//下拉刷新
  doRefresh(event) {
    setTimeout(() => {
      this.doSearch();
      event.target.complete(); // 告诉ion-refresher 更新数据
    }, 2000);
}