需要翻译 angular-7 应用程序的.ts 文件中的单词以进行应用程序本地化

Question

我必须本地化 angular-7 应用程序。为此，我们已经创建了 localizationModule，它从 '@ngx-translate/core'; 导入所有必需的依赖项。我还导入了 userService，其中将为应用程序翻译设置选定的语言。 我已经翻译了所有 html 页，但是写在 .ts 文件中的信息需要转换。 我没有任何办法来实现这一目标。 谁能帮我摆脱困境？

Answer 1

您必须使用 @ngx-translate/core 中的 TranslateService。 你有两种方式：

• translate.instant with 会直接将单词翻译成定义的语言。
• translate.get 从 observable 获取值。

这里有一个如何使用它的小例子：

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

yourTranslatedText : string;
yourTranslatedObservableText : string;

constructor(
  private translateService: TranslateService,
) {
   yourTranslatedText = this.translateService.instant('your.key.string'); 
   this.translateService.get('your.key.string').subscribe((translatedString) => {
      yourTranslatedObservableText = translatedString;
   });
}

请注意，您可以传递一个 Array 键，这样您就可以一次翻译所有您想要的词。