Ionic 2には、 ion-refresher コンポーネントが付属しており、アプリの機能を更新するためのプルダウンを簡単に実装できます。

テンプレートで、オープニングの直後に以下を追加します鬼ごっこ:

<ion-refresher (ionRefresh)="doRefresh($event)">
  <ion-refresher-content></ion-refresher-content>
</ion-refresher>

復習用のUIを処理するには、それだけで十分です。

次に、コンポーネントクラスに doRefresh()メソッドを実装し、更新されたコンテンツが取得されたら、リフレッシャーで complete()メソッドを呼び出す方法の例を示します。

doRefresh(refresher) {
  this.someService.getPosts().subscribe(res => {
    this.posts = res;
    refresher.complete();
  });
}

この場合、 someService は、コンポーネントに注入されたサービスになります。