如何使用 ngx-translate 翻譯 typescript 文件中的組件或服務字符串

Question

如何使用 ngx-translate 翻譯 typescript 文件中的組件或服務字符串？

例如，如果我需要從我的驗證服務返回一個翻譯的驗證錯誤，如何在服務本身而不是使用： {{'errorCode' | translate}} {{'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;
    }
  }

筆記：

我發現了一些可以回答這個問題的問題，但我正在重新表述它，因為我無法輕松找到這些問題（stackoverflow 在我寫這個問題時建議了這些問題），所以希望這可以幫助面臨類似問題的人。