Switching language (Angular)
For language management, use TranslationService
.
language.component.ts
import { Component } from '@angular/core';
import { TranslateService } from '@tolgee/ngx';
@Component({
...
})
export class AppComponent {
constructor(public translateService: TranslateService) {}
...
}
Then in template use changeLanguage
method and languageAsync
property from TranslateService
.
language.component.html
<select
[value]="translateService.languageAsync | async"
(change)="translateService.changeLanguage($event.target.value)"
>
<option value="en">🇬🇧 English</option>
<option value="cs">🇨🇿 Česky</option>
</select>
Read more about Language change, detection and storage