概述:
当页面加载到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();
  }

这将显示并触发刷新。它隐式调用注册的刷新函数。

09-16 19:57