To get the supported languages and translate text, we are using Translate API service. Let's create this service now. Inside the client\app\services folder, create a file named translate.api.service.ts and update it as shown here:
// SNIPP SNIPPimport { Injectable } from '@angular/core';import { HttpClient } from '@angular/common/http';import { Observable } from 'rxjs/Observable';import { Message } from '../shared/models/message.model';@Injectable()export class TranslateAPIService { constructor(private http: HttpClient) {} getSupportedLanguages(): Observable < any > { return this.http.get < any > ('/api/supported-languages'); } translateText(message: Message, targetLang: String): Observable < Message > { return ...