ionic 4 loading example

 <ion-spinner></ion-spinner>  <ion-spinner name="lines"></ion-spinner>  <ion-spinner name="lines-small"></ion-spinner>  <ion-spinner name="dots"></ion-spinner>  <ion-spinner name="bubbles"></ion-spinner>  <ion-spinner name="circles"></ion-spinner>  <ion-spinner name="crescent"></ion-spinner>  <ion-spinner paused></ion-spinner>

ionic loading

import { Component } from '@angular/core';
import { LoadingController } from '@ionic/angular';

@Component({
  selector: 'loading-example',
  templateUrl: 'loading-example.html',
  styleUrls: ['./loading-example.css']
})
export class LoadingExample {
  constructor(public loadingController: LoadingController) {}

  async presentLoading() {
    const loading = await this.loadingController.create({
      message: 'Please wait...',
      duration: 2000
    });
    await loading.present();

    const { role, data } = await loading.onDidDismiss();
    console.log('Loading dismissed!');
  }

  async presentLoadingWithOptions() {
    const loading = await this.loadingController.create({
      spinner: null,
      duration: 5000,
      message: 'Click the backdrop to dismiss early...',
      translucent: true,
      cssClass: 'custom-class custom-loading',
      backdropDismiss: true
    });
    await loading.present();

    const { role, data } = await loading.onDidDismiss();
    console.log('Loading dismissed with role:', role);
  }
}

Posted by: Guest on May-11-2020

Source

Code answers related to "ionic 4 loading example"

Code answers related to "Html"

Browse Popular Code Answers by Language

Answers for "ionic 4 loading example"

Code answers related to "ionic 4 loading example"

Code answers related to "Html"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us