如何使用 ngx-translate 翻译 typescript 文件中的组件或服务字符串

Question

如何使用ngx-translate翻译typescript文件中的组件或服务字符串？

例如，如果我需要 return 来自我的验证服务的翻译验证错误，如何在服务本身而不是使用： {{'errorCode' | translate}} 在模板文件中 ?

Answer 1

您可以使用 ngx-translate get 方法使用要翻译的字符串的键值（用于翻译 json 文件）：

 // in your validation_service.ts, where translate is ngx-translate obj
 constructor(private translate: TranslateService) {
  console.log('Called Constructor');
  translate.addLangs(['en', 'ar']);
  translate.setDefaultLang('en');
}
 getErrorMsg(errors) {
      if (errors.required) {
        // get translation of the error
        const requiredError: any = this.translate.get('requiredFieldError');
        // return the error to be displayed
        return requiredError.value;
    }
  }

注：

我发现了一些可以回答这个问题的问题，但我正在改写它，因为我无法轻易找到这些问题（Whosebug 在我写这篇文章时提出了这些问题），所以希望这可以帮助面临类似问题的人。