feat: get translation from the api

src/app/api/translation.service.ts

@@ -1,9 +1,14 @@
 import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
 
 @Injectable({
   providedIn: 'root'
 })
 export class TranslationService {
 
-  constructor() { }
+  constructor(private http: HttpClient) { }
+  getTranslation(text: String)
+  {
+    return this.http.get('https://api.mymemory.translated.net/get?q='+text+'&langpair=en|cs');
+  }
 }

src/app/tab1/tab1.page.html

@@ -16,7 +16,7 @@
   </ion-card>
   <ion-card class="welcome-card">
     <ion-card-content>
-      {{ myinput}} <ion-icon name="arrow-forward-outline"></ion-icon> Output
+      {{ myinput ? myinput: "Input" }} <ion-icon name="arrow-forward-outline"></ion-icon> Output
     </ion-card-content>
     </ion-card>
   </ion-content>

src/app/tab1/tab1.page.ts

@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+import {TranslationService} from '../api/translation.service';
 
 @Component({
   selector: 'app-tab1',
@@ -8,12 +9,16 @@ import { Component } from '@angular/core';
 export class Tab1Page {
 
   myinput:String
-  constructor() {
-    this.myinput = "Input ...";
+  constructor(private translationService: TranslationService)
+  {
+
   }
 
-btnTranslateClicked()
-{
-  console.log(this.myinput);
-}
+  btnTranslateClicked()
+  {
+    this.translationService.getTranslation(this.myinput).subscribe( (data) =>
+    {
+      console.log(data);
+    });
+  }
 }