ionic 中的下拉刷新

ionic 页面中加入下拉刷新ion-refresh

<!-- 下拉刷新 -->

< ion-refresher ( ionRefresh)= "doRefresh($event)" >

< ion-refresher-content

pullingIcon= "ios-arrow-round-down-outline"

pullingText= "下拉刷新"

refreshingSpinner= "circles" >

</ ion-refresher-content >

</ ion-refresher >

一、ion-refresher中的属性

closeDuration  关闭 refresher 需要多少毫秒。默认值是 280。

enabled           是否启用

pullMin            默认值为60   用户必须拉下的最小距离，直到刷新者进入刷新状态为止

pullMax            默认=pullMin+60  拖至刷新状态的最大距离将自动进入刷新状态。默认情况下， 拉力最大即 pullmin + 60 自                          动刷新

snapbackDuration  刷新者需要多少毫秒才能恢复至刷新状态

二、ion-refresher-content的重要属性

    pullingIcon  下拉的图标

    pullingText   下拉加载显示的文字

扫描二维码关注公众号，回复： 3929882 查看本文章

    refreshingSpinner  释放的时候的加载图标 ???

    refreshingText   释放的时候加载的文字

三、对应页面的业务逻辑中写下拉更新的方法

doRefresh(refresh){

setTimeout(() =>{

refresh.complete();//当数据请求完成时调用

}, 3000)

}