用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