mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 20:33:32 +08:00

Breaking Change: ## Refresher: - `<ion-refresher>` now takes a child `<ion-refresher-content>` component. - Custom refresh content components can now be replaced for Ionic's default refresher content. - Properties `pullingIcon`, `pullingText` and `refreshingText` have been moved to the `<ion-refresher-content>` component. - `spinner` property has been renamed to `refreshingSpinner` and now goes on the `<ion-refresher-content>` component. - `refreshingIcon` property is no longer an input, but instead `refreshingSpinner` should be used. Was: ``` <ion-refresher (refresh)="doRefresh($event)" pullingIcon="arrow-dropdown"> </ion-refresher> ``` Now: ``` <ion-refresher (refresh)="doRefresh($event)"> <ion-refresher-content pullingIcon="arrow-dropdown"></ion-refresher-content> </ion-refresher> ```
32 lines
676 B
TypeScript
32 lines
676 B
TypeScript
import {App, Page, Refresher} from 'ionic-angular';
|
|
import {MockProvider} from './mock-provider';
|
|
|
|
|
|
@App({
|
|
templateUrl: 'main.html',
|
|
providers: [MockProvider]
|
|
})
|
|
class ApiDemoApp {
|
|
items: string[];
|
|
|
|
constructor(private mockProvider: MockProvider) {
|
|
this.items = mockProvider.getData();
|
|
}
|
|
|
|
doRefresh(refresher: Refresher) {
|
|
console.log('DOREFRESH', refresher);
|
|
|
|
this.mockProvider.getAsyncData().then((newData) => {
|
|
for (var i = 0; i < newData.length; i++) {
|
|
this.items.unshift( newData[i] );
|
|
}
|
|
|
|
refresher.endRefreshing();
|
|
});
|
|
}
|
|
|
|
doPulling(refresher: Refresher) {
|
|
console.log('DOPULLING', refresher.progress);
|
|
}
|
|
}
|