javascript - 在组件中使用ngx-translate

我正在使用管道在 View 中使用无问题的ngx-translate。我需要做的是在组件中使用它，例如显示错误消息或定义datatable列的默认内容。

我正在尝试做类似的事情:

translate.instant("AREA.NEW");

或者

translate.get("AREA.NEW").subscribe((res: string) => {
    console.log(res);
});

我试过在ngOnInit()和ngAfterViewInit()中调用它

但是在两种情况下，我都只会得到“AREA.NEW”，而不是经过翻译的单词。我假设在我的电话之后加载了json字典，所以我不知道它是如何工作的。

最佳答案

导入 TranslateService 并在任何需要的地方使用它。

import { TranslateService } from '@ngx-translate/core';

export class YourComponent {
  constructor(private translateService: TranslateService) {
    console.log('translation', this.translateService.instant('my_i18n_json_defined_key'));
  }
}