【问题标题】:ionic 2 ion-refresher always fired when pulling up after the on-refresh function triggered onceionic 2 离子刷新器在触发一次刷新功能后拉起时总是触发
【发布时间】:2016-06-20 14:05:12
【问题描述】:

Appearing error

<ion-content class="orderFormHeader">
<ion-refresher (refresh)="doRefresh($event)">
    <ion-refresher-content></ion-refresher-content>
</ion-refresher>
<ion-list *ngIf="listData!=null&&listData.length>0">
    <ion-item *ngFor="#obj of listData">
        <orderitem [item]="obj"></orderitem>
    </ion-item>
</ion-list>
</ion-content>

上面是我的代码。

起初,listData 为空,doRefresh 会将超过 20 项放入listData。 你可以顺利拉下来。

但是当你往回拉的时候,它 远离顶部

doRefresh 触发,然后列表跳转到 TOP。您看不到列表中间的任何项目。

Chrome 控制台警告:

忽略取消使用 cancelable=false 的 touchmove 事件的尝试,因为 例如,因为滚动正在进行中并且不能被中断。

ionic CLI v2.0.0-beta.17

【问题讨论】:

  • doRefresh(refresher){ this.listData = [........]; setTimeout(() => { refresher.complete(); console.log('异步操作已结束'); }, 1000); }
  • 已经在 doRefresh() 中完成.....

标签: ionic-framework ionic2 refresher


【解决方案1】:

我将ionic-framework更新到beta.2,问题解决了~

    "ionic-framework": "2.0.0-beta.2"

感谢我的专业人士

这是他给我的:

https://github.com/driftyco/ionic/milestones 拉动刷新 - 错误修复 beta.2

如果有人有这个问题,请更新到更高版本~

【讨论】:

  • 这里有同样的问题。 “依赖”:{“@angular/common”:“2.4.8”,“@angular/compiler”:“2.4.8”,“@angular/compiler-cli”:“2.4.8”,“@angular/核心”:“2.4.8”,“@angular/forms”:“2.4.8”,“@angular/http”:“2.4.8”,“@angular/platform-b​​rowser”:“2.4.8”, “@angular/platform-b​​rowser-dynamic”:“2.4.8”、“@angular/platform-server”:“2.4.8”、“@ionic/storage”:“2.0.0”、“ionic-angular” :“2.2.0”,“ionic-native”:“2.4.1”,“ionicons”:“3.0.0”,“rxjs”:“5.0.1”,“sw-toolbox”:“3.4.0” , "zone.js": "0.7.2" }
【解决方案2】:

在刷新时检查列表数据显示。当您拉动刷新并将列表设置为 [] (空)。喜欢我这里。在连接项目后将项目设置为空

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-07-16
    • 1970-01-01
    • 1970-01-01
    • 2016-06-29
    • 1970-01-01
    相关资源
    最近更新 更多