chore: add loading controller

src/app/tab1/tab1.page.ts

@@ -1,5 +1,6 @@
 import { Component } from '@angular/core';
 import {TranslationService} from '../api/translation.service';
+import { LoadingController } from '@ionic/angular';
 
 @Component({
   selector: 'app-tab1',
@@ -10,7 +11,8 @@ export class Tab1Page {
 
   myinput:String = ''
   myoutput:String = ''
-  constructor(private translationService: TranslationService)
+  loadingDialog: any;
+  constructor(private translationService: TranslationService, public loadingController: LoadingController)
   {
 
   }
@@ -19,11 +21,22 @@ export class Tab1Page {
   {
     if(this.myinput.length >= 2)
     {
+      this.presentLoading();
       this.translationService.getTranslation(this.myinput).subscribe( (data) =>
       {
         this.myoutput = data['responseData']['translatedText'];
+        this.loadingDialog.dismiss();
         console.log(data);
       });
     }
   }
+
+  async presentLoading()
+  {
+    this.loadingDialog = await this.loadingController.create(
+    {
+    message: 'Translating ...',
+    });
+    await this.loadingDialog.present();
+  }
 }