【发布时间】:2016-06-20 14:05:12
【问题描述】:
<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