一次触发一次刷新功能后，上拉时始终触发ionic 2离子刷新器

Question

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>

My code above.

At first,the listData is null, doRefresh will give more than 20 items into listData . you can pulling down smoothly.

But when you pulling up back, it FAR FROM THE TOP ,

The doRefresh triggered, then the list jumpped to the TOP. You can't see any item mid of the list.

Chrome console warn:

Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.

ionic CLI v2.0.0-beta.17

Answer 1

im update ionic-framework to beta.2,the problem's gone~

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

thanks to my pro-matser

THIS IS WHAT HE GAVE ME:

https://github.com/driftyco/ionic/milestones Pull to refresh - bug fixes beta.2

if anyone has this problem , plz UPDATE TO A UPPER VER~

Answer 2

check the list data show on the refresh. when you pull to refresh and set the list to [] (empty). like myself here. set items to null and right after concat the item