Ionic2でのプルダウンリフレッシュ機能の実装
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 は、コンポーネントに注入されたサービスになります。