diff --git a/src/app/tab1/tab1.page.ts b/src/app/tab1/tab1.page.ts index 899a203..11f5c51 100644 --- a/src/app/tab1/tab1.page.ts +++ b/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(); + } } \ No newline at end of file