Ionic 2 Refresher toggle ion-refresher on page load

Question

Overview:

I make a network request to fill a list when my page loads in an Ionic 2 app. At this moment I am toggling a ion-spinner when the page initially loads.This is the refresher currently:

<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>

My desired behavior would be to remove the ion-spinner component and just enable the ion-refresher when the page initially loads. I've seen a couple examples of this with Ionic V1, but I cant seem to translate it over to Angular 2.

Question:

Is there a way to trigger the ion-refresher and its spinner from my controller (*.ts), so I can remove the extra ion-spinner component from my template?

Answer 1

I actually found a 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();
  }

This will show and trigger the refresher. It implicitly calls the registered refresh function.