angular - 我可以使用 Angular i18n 来翻译 typescript 代码中的字符串文字吗

Question

我正在使用 Angular's i18n tools 本地化我的 Angular 应用程序，它将文本从 HTML 模板提取到一个 xlf 文件中，然后使用 AOT(提前编译)构建整个应用程序的本地化版本。

我的问题是:是否可以使用此框架提取 typescript 代码中的字符串文字，以便将它们列在同一个 xlf 文件中并在本地化 AOT 构建中替换？

理想情况下，我想在我的 typescript 代码中写这样的东西:

foo() {
   this.bar = i18n('baz');

字符串“baz”将列在我发送给翻译人员的 xlf 文件中。

或者，如果这不可能，是否有一个库可以做类似的事情？ IE。将 typescript 代码中的字符串提取到 xlf 文件中，然后在运行时或构建期间替换它们？

Answer 1

我可以确认@JB Nizet 在他的回答中所指的内容现在在 Angular 9 中工作，所以这是有效的:

  foo() {
    const appTitle = $localize`:@@siteTitle:Example Title`;
    // appTitle is now translated based on locale

    titleService.setTitle(appTitle); 
  }

您可以在这里阅读更多相关信息 https://github.com/angular/angular/blob/master/packages/localize/init/index.ts