how to add loader in ionic 3

 <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 "how to add loader in ionic 3"

Code answers related to "Html"

Browse Popular Code Answers by Language

Answers for "how to add loader in ionic 3"

Code answers related to "how to add loader in ionic 3"

Code answers related to "Html"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us