ngx-translate app.component.ts

app.component.ts

import { Component } from '@angular/core';

import {TranslateService} from '@ngx-translate/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

  constructor(private translateService: TranslateService) {
    const browserLanguage = translateService.getBrowserLang();
    translateService.setDefaultLang('en');
    translateService.use(browserLanguage);
  }

  switchLanguage(language: string) {
    this.translateService.use(language);
  }
}