概述:
当页面加载到Ionic 2应用程序中时,我发出网络请求以填充列表。这时我正在页面初始加载时切换一个 ionic 纺纱器。这是当前的更新:
<ion-refresher (ionRefresh)="doRefresh($event)">
<ion-refresher-content
pullingText="Pull to refresh..."
refreshingSpinner="circles">
</ion-refresher-content>
</ion-refresher>
<ion-spinner *ngIf="loading" color="light" name="circles"></ion-spinner>
我期望的行为是删除 ionic 旋流器组件,并在页面最初加载时启用 ionic 复膜器。我已经在Ionic V1上看到了几个例子,但是我似乎无法将其转换为Angular 2。问题:
有没有办法从我的 Controller (* .ts)触发 ionic 刷新器及其旋转器,所以我可以从模板中删除多余的 ionic 旋转器组件?
最佳答案
我实际上发现了一个hack:
import { Content, Refresher } from 'ionic-angular';
export class MyPage {
@ViewChild(Content) content: Content;
@ViewChild(Refresher) refresher: Refresher;
...
ionViewDidEnter() {
this.refresher._top = this.content.contentTop + 'px';
this.refresher.state = 'ready';
this.refresher._onEnd();
}
这将显示并触发刷新。它隐式调用注册的刷新函数。