javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(demos): update loading API demo

Browse Source
This commit is contained in:
Brandy Carney
2016-04-12 12:39:18 -04:00
parent cc57a0a194
commit 918aa456da
2 changed files with 23 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
demos/loading/index.ts
View File

@ -91,7 +91,19 @@ class E2EPage {
} }
goToPage2() { goToPage2() {
this.nav.push(Page2); let loading = Loading.create({
content: 'This will navigate to the next page and then dismiss after 3 seconds.'
});
this.nav.present(loading);
setTimeout(() => {
this.nav.push(Page2);
}, 1000);
setTimeout(() => {
loading.dismiss();
}, 4000);
} }
} }
@ -100,7 +112,7 @@ class E2EPage {
<ion-navbar *navbar> <ion-navbar *navbar>
<ion-title>Page 2</ion-title> <ion-title>Page 2</ion-title>
</ion-navbar> </ion-navbar>
<ion-content padding>Some content</ion-content> <ion-content padding>This is another page!</ion-content>
` `
}) })
class Page2 { class Page2 {

18
demos/loading/main.html
View File

@ -9,27 +9,27 @@
</ion-list-header> </ion-list-header>
<button ion-item (click)="presentLoadingIos()"> <button ion-item (click)="presentLoadingIos()">
<ion-spinner item-left name="ios"></ion-spinner> <ion-spinner item-left name="ios"></ion-spinner>
Preview iOS Show iOS
</button> </button>
<button ion-item (click)="presentLoadingDots()"> <button ion-item (click)="presentLoadingDots()">
<ion-spinner item-left name="dots"></ion-spinner> <ion-spinner item-left name="dots"></ion-spinner>
Preview Dots Show Dots
</button> </button>
<button ion-item (click)="presentLoadingBubbles()"> <button ion-item (click)="presentLoadingBubbles()">
<ion-spinner item-left name="bubbles"></ion-spinner> <ion-spinner item-left name="bubbles"></ion-spinner>
Preview Bubbles Show Bubbles
</button> </button>
<button ion-item (click)="presentLoadingCircles()"> <button ion-item (click)="presentLoadingCircles()">
<ion-spinner item-left name="circles"></ion-spinner> <ion-spinner item-left name="circles"></ion-spinner>
Preview Circles Show Circles
</button> </button>
<button ion-item (click)="presentLoadingCrescent()"> <button ion-item (click)="presentLoadingCrescent()">
<ion-spinner item-left name="crescent"></ion-spinner> <ion-spinner item-left name="crescent"></ion-spinner>
Preview Crescent Show Crescent
</button> </button>
<button ion-item (click)="presentLoadingDefault()"> <button ion-item (click)="presentLoadingDefault()">
<ion-spinner item-left></ion-spinner> <ion-spinner item-left></ion-spinner>
Preview Default Show Default
</button> </button>
</ion-list> </ion-list>
@ -38,10 +38,10 @@
Custom Loading Indicators Custom Loading Indicators
</ion-list-header> </ion-list-header>
<button ion-item (click)="presentLoadingCustom()"> <button ion-item (click)="presentLoadingCustom()">
Preview Custom Show Custom
</button> </button>
<button ion-item (click)="presentLoadingText()"> <button ion-item (click)="presentLoadingText()">
Preview Text Only Show Text Only
</button> </button>
</ion-list> </ion-list>
@ -50,7 +50,7 @@
<ion-toolbar position="bottom"> <ion-toolbar position="bottom">
<ion-buttons end> <ion-buttons end>
<button (click)="goToPage2()"> <button (click)="goToPage2()">
Navigate Show Loading and Navigate
<ion-icon name="arrow-forward"></ion-icon> <ion-icon name="arrow-forward"></ion-icon>
</button> </button>
</ion-buttons> </ion-buttons>