created loading page service

src/app/services/loading.service.spec.ts

+import { TestBed } from '@angular/core/testing';
+
+import { LoadingService } from './loading.service';
+
+describe('LoadingService', () => {
+  beforeEach(() => TestBed.configureTestingModule({}));
+
+  it('should be created', () => {
+    const service: LoadingService = TestBed.get(LoadingService);
+    expect(service).toBeTruthy();
+  });
+});

src/app/services/loading.service.ts

+import { Injectable } from '@angular/core';
+import { LoadingController } from '@ionic/angular';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class LoadingService {
+  loaderToShow: any;
+
+  constructor(
+    public loadingController: LoadingController
+  ) {
+  }
+
+  showLoader(message = 'loading...') {
+    this.loaderToShow = this.loadingController.create({
+      message: message
+    }).then((res) => {
+      res.present();
+
+      res.onDidDismiss().then((dis) => {
+        console.log('Loading dismissed!');
+      });
+    });
+  }
+
+  hideLoader() {
+    this.loadingController.dismiss();
+  }
+}