Перевод сетки Kendo-UI с помощью ngx-translate

Question

У меня проблема с переводом компонента сетки Kendo-UI с помощью ngx-translate.

Это часть моего кода.Я создал компонент сетки, который просто содержит основную витрину нашего компонента сетки.

Затем я добавил в assets / i18n / en.json наши переводы.И я написал сервис, который расширяет MessageService из Kendo-UI: code

export class CustomMessageService extends MessageService {

  constructor(@Injectable() private translateService: TranslateService) {
    super();
  }

  get(key: string): string {
    return (this.translateService.instant(key) as any).value;
  }
}

, и внутри app.module я использовал этот сервис вместо их сервиса (такой же, как в документах)

  providers: [
    {
      provide: MessageService,
      useClass: CustomMessageService
    }],

И есть проблема.Просто получить метод внутри CustomMessageService не видит мои переводы.

Stackblitz: https://stackblitz.com/edit/angular-u7aeks

Я не знаю, почему я не могу перевести его правильно.Любые решения?

Answer 1

TLTR: загружать локали перед мгновенным использованием

translateService.instant синхронизирован, но вы должны быть уверены, что ваши переводы уже загружены.

Я исправил вашипример здесь.https://stackblitz.com/edit/angular-pcipfd

Основано на комментариях https://github.com/ngx-translate/core/issues/517#issuecomment-299637956