В вашем модуле импортируйте переводы:
TranslateModule.forRoot({
loader: {
provide: CustomTranslateLoader,
}
}),
CustomTranslateLoader, просто замените "ca, en, es" на нужные вам языки
import { TranslateLoader } from '@ngx-translate/core';
import { Observable } from 'rxjs';
import es from '../../locales/es/translation.json';
import en from '../../locales/en/translation.json';
import ca from '../../locales/ca/translation.json';
export class CustomTranslateLoader implements TranslateLoader {
public getTranslation(lang: string): Observable<any> {
return Observable.create(observer => {
switch (lang) {
case 'es':
observer.next(es);
break;
case 'en':
observer.next(en);
break;
case 'ca':
observer.next(ca);
break;
}
observer.complete();
});
}
}
и, наконец, на вашем AppComponent установите один по умолчанию и попробуйте использовать тот, который пользователь имеет в своем браузере:
constructor(
private translate: TranslateService,
) {
translate.setDefaultLang('es');
translate.use(translate.getBrowserLang());
}
список всех локалей:
Список всех локалей и их короткие коды?