用ngx-translate翻译Kendo-UI网格

Question

我在通过ngx-translate转换Kendo-UI网格组件时遇到问题。

我的代码有一部分。 我创建了一个网格组件，其中仅包含我们的网格组件的基本展示。

然后，我将翻译添加到asset / i18n / en.json中。 我写了一个从Kendo-UI扩展MessageService的服务：代码

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内部，我使用了此服务而不是其服务（与docs中的相同）

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

还有一个问题。 只是CustomMessageService中的get方法看不到我的翻译。

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