0

出现错误

<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是null,doRefresh会把20多个item放进去listData。你可以顺利拉下来。

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

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

Chrome 控制台警告:

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

离子 CLI v2.0.0-beta.17

4

2 回答 2

0

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

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

感谢我的专业人士

这是他给我的:

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

如果有人有这个问题,请更新到一个UPPER VER~

于 2016-03-07T08:30:28.443 回答
-1

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

在此处输入图像描述

于 2018-01-24T07:35:19.343 回答