离子2刷新在页面加载时切换离子复习

Pez*_*ter 5 html javascript ionic2 angular

概述:

当我的页面加载到Ionic 2应用程序时,我发出网络请求来填充列表.此刻,当页面最初加载时,我正在切换离子旋转器.这是当前的复习:

<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>
Run Code Online (Sandbox Code Playgroud)

我希望的行为是移除离子旋转器组件,并在页面最初加载时启用离子刷新器.我已经在Ionic V1中看到了几个这样的例子,但我似乎无法将它转换为Angular 2.

题:

有没有办法从我的控制器(*.ts)触发离子修复器和它的微调器,所以我可以从我的模板中删除额外的离子微调器组件?

小智 4

我实际上发现了一个黑客:

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();
  }
Run Code Online (Sandbox Code Playgroud)

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