Home page where we can use our loader service

Homepage.ts

import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { LoaderService} from '../services/service.loading';


@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  pageTitle:String;
  constructor(public navCtrl: NavController, public navParams: NavParams, public loader:LoaderService) {}

  ionViewDidLoad() {
  
    let loaderOptions = {
      message:'This is custom message',
      time:3000
    };
    
      // we can just call loader with default settings as below 
      // this.loader.show({});
      // or with some custom settings 
      // this.loader.show(loaderOptions);
      
      
     this.loader.show({});

    setTimeout(()=>{
      this.loader.hide()
    }, 2000)
  }

}