mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 04:53:58 +08:00
91df5f97ee
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> ```
22 lines
490 B
HTML
22 lines
490 B
HTML
<ion-toolbar><ion-title>Pull To Refresh</ion-title></ion-toolbar>
|
|
|
|
<ion-content>
|
|
|
|
<ion-refresher (start)="doStart($event)" (pulling)="doPulling($event)" (refresh)="doRefresh($event)">
|
|
|
|
<ion-refresher-content
|
|
pullingText="Pull to refresh..."
|
|
refreshingSpinner="bubbles"
|
|
refreshingText="Refreshing...">
|
|
</ion-refresher-content>
|
|
|
|
</ion-refresher>
|
|
|
|
<ion-list>
|
|
<ion-item *ngFor="#item of items">
|
|
{{ item }}
|
|
</ion-item>
|
|
</ion-list>
|
|
|
|
</ion-content>
|