translate Multi Language
Kuber includes built-in support for multiple languages using @ngx-translate.
The default implementation includes English,
German,
and Spanish.
add_circle_outline Adding a New Language (e.g., Russian)
1. Create JSON File
Create a new JSON file ru.json
in the src/assets/i18n
directory.
2. Update Language Service
Add the new language entry to the languages
array in language.service.ts.
public languages: string[] = ['en', 'es', 'de', 'ru'];
translate.use(browserLang.match(/en|es|de|ru/) ? browserLang : 'en');3. Update Header Component
Add the new language to the header dropdown menu in
header.component.ts.
listLang = [
{ text: 'English', flag: 'assets/images/flags/us.jpg', lang: 'en' },
{ text: 'Spanish', flag: 'assets/images/flags/spain.jpg', lang: 'es' },
{ text: 'German', flag: 'assets/images/flags/germany.jpg', lang: 'de' },
{ text: 'Russian', flag: 'assets/images/flags/russian.jpg', lang: 'ru' },
];
info
Note: Add the flag image
(e.g.,
russian.jpg)
in the assets/images/flags
directory.