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);
}