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

docs(loading): update example to show proper usage

Browse Source 
docs(loading): update example to show proper usage
This commit is contained in:
Liam DeBeasi
2019-02-04 13:50:14 -05:00
committed by GitHub
parent c99032de6f 74859a098e
commit 32cf9c7d7d
3 changed files with 21 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
core/src/components/loading/readme.md
View File

@ -10,7 +10,7 @@ Loading indicators can be created using a [Loading Controller](../loading-contro
### Dismissing
The loading indicator can be dismissed automatically after a specific amount of time by passing the number of milliseconds to display it in the `duration` of the loading options. To dismiss the loading indicator after creation, call the `dismiss()` method on the loading instance. The `ionLoadingDidDismiss` event can be listened to in order to perform an action after the loading indicator is dismissed.
The loading indicator can be dismissed automatically after a specific amount of time by passing the number of milliseconds to display it in the `duration` of the loading options. To dismiss the loading indicator after creation, call the `dismiss()` method on the loading instance. The `onDidDismiss` function can be called to perform an action after the loading indicator is dismissed.
<!-- Auto Generated Below -->
@ -21,7 +21,7 @@ The loading indicator can be dismissed automatically after a specific amount of
### Angular
```typescript
import { Component, HostListener } from '@angular/core';
import { Component } from '@angular/core';
import { LoadingController } from '@ionic/angular';
@Component({
@ -37,7 +37,11 @@ export class LoadingExample {
message: 'Hellooo',
duration: 2000
});
return await loading.present();
await loading.present();
const { role, data } = await loading.onDidDismiss();
console.log('Loading dismissed!');
}
async presentLoadingWithOptions() {
@ -50,11 +54,6 @@ export class LoadingExample {
});
return await loading.present();
}
@HostListener('document:ionLoadingDidDismiss', ['$event'])
onDidDismiss(event: CustomEvent) {
console.log('Loading dismissed!');
}
}
```
@ -71,11 +70,11 @@ async function presentLoading() {
duration: 2000
});
loading.addEventListener('ionLoadingDidDismiss', (e) => {
console.log('Loading dismissed!');
});
await loading.present();
return await loading.present();
const { role, data } = await loading.onDidDismiss();
console.log('Loading dismissed!');
}
async function presentLoadingWithOptions() {

13
core/src/components/loading/usage/angular.md
View File

@ -1,5 +1,5 @@
```typescript
import { Component, HostListener } from '@angular/core';
import { Component } from '@angular/core';
import { LoadingController } from '@ionic/angular';
@Component({
@ -15,7 +15,11 @@ export class LoadingExample {
message: 'Hellooo',
duration: 2000
});
return await loading.present();
await loading.present();
const { role, data } = await loading.onDidDismiss();
console.log('Loading dismissed!');
}
async presentLoadingWithOptions() {
@ -28,10 +32,5 @@ export class LoadingExample {
});
return await loading.present();
}
@HostListener('document:ionLoadingDidDismiss', ['$event'])
onDidDismiss(event: CustomEvent) {
console.log('Loading dismissed!');
}
}
```

8
core/src/components/loading/usage/javascript.md
View File

@ -8,11 +8,11 @@ async function presentLoading() {
duration: 2000
});
loading.addEventListener('ionLoadingDidDismiss', (e) => {
console.log('Loading dismissed!');
});
await loading.present();
return await loading.present();
const { role, data } = await loading.onDidDismiss();
console.log('Loading dismissed!');
}
async function presentLoadingWithOptions() {