1<!-- Custom Refresher Properties -->
2<ion-content>
3 <ion-refresher slot="fixed" pullFactor="0.5" pullMin="100" pullMax="200">
4 <ion-refresher-content></ion-refresher-content>
5 </ion-refresher>
6</ion-content>
7
8import { Component } from '@angular/core';
9
10@Component({
11 selector: 'refresher-example',
12 templateUrl: 'refresher-example.html',
13 styleUrls: ['./refresher-example.css'],
14})
15export class RefresherExample {
16 constructor() {}
17
18 doRefresh(event) {
19 console.log('Begin async operation');
20
21 setTimeout(() => {
22 console.log('Async operation has ended');
23 event.target.complete();
24 }, 2000);
25 }
26}
1<!-- Default Refresher -->
2<ion-content>
3 <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
4 <ion-refresher-content></ion-refresher-content>
5 </ion-refresher>
6</ion-content>
7
8<!-- Custom Refresher Properties -->
9<ion-content>
10 <ion-refresher slot="fixed" pullFactor="0.5" pullMin="100" pullMax="200">
11 <ion-refresher-content></ion-refresher-content>
12 </ion-refresher>
13</ion-content>
14
15<!-- Custom Refresher Content -->
16<ion-content>
17 <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
18 <ion-refresher-content
19 pullingIcon="chevron-down-circle-outline"
20 pullingText="Pull to refresh"
21 refreshingSpinner="circles"
22 refreshingText="Refreshing...">
23 </ion-refresher-content>
24 </ion-refresher>
25</ion-content>
1import { Component } from '@angular/core';
2
3@Component({
4 selector: 'refresher-example',
5 templateUrl: 'refresher-example.html',
6 styleUrls: ['./refresher-example.css'],
7})
8export class RefresherExample {
9 constructor() {}
10
11 doRefresh(event) {
12 console.log('Begin async operation');
13
14 setTimeout(() => {
15 console.log('Async operation has ended');
16 event.target.complete();
17 }, 2000);
18 }
19}
1// Go to voice: resets all view cache: so data is reloaded with currently language.
2window.location.assign('/');