【问题标题】:Translating Kendo-UI grid with ngx-translate使用 ngx-translate 翻译 Kendo-UI 网格
【发布时间】:2018-11-23 14:50:27
【问题描述】:

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

我的部分代码。我创建了一个网格组件,它只包含我们网格组件的基本展示。

然后我将我们的翻译添加到 assets/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 中,我使用了这个服务而不是他们的服务(与文档中的相同)

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

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

堆栈闪电战: https://stackblitz.com/edit/angular-u7aeks

我不知道为什么我不能正确翻译它。有什么解决办法吗?

【问题讨论】:

    标签: angular kendo-grid translation ngx-translate


    【解决方案1】:

    TLTR:在使用前立即加载语言环境

    translateService.instant 已同步,但您需要确保您的翻译已加载。

    我在这里修正了你的例子。 https://stackblitz.com/edit/angular-pcipfd

    基于此评论 https://github.com/ngx-translate/core/issues/517#issuecomment-299637956

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2023-02-04
      • 2019-03-08
      • 2019-06-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-06-23
      相关资源
      最近更新 更多