角度 ts 文件中的 i18n $localize答案

【问题标题】：i18n $localize in angular ts file角度 ts 文件中的 i18n $localize
【发布时间】：2020-07-07 08:54:13
【问题描述】：

早上好，

我正在使用 Angular 10 和 i18n 包来翻译我的应用程序。我已经对模板文件进行了所有本地化，并且在 prod 服务器上运行良好。

问题是我正在尝试本地化 ts 文件上的字符串，但我无法实现这一点...

我现在的 ts 文件中有这个：

$localize`@@errorMessage:Error`;
$localize`@@startDate:The end date can not be before the start date`;

问题是如何在 xlf 文件中包含这个来翻译它？我已经看到您可以手动将其包含到 xlf 文件中，然后您可以翻译它，但不起作用

谢谢！

【问题讨论】：

【解决方案1】：

Angular 应该通过简单地使用 ng extract-i18n 来支持这一点。这将扫描所有文件并生成一个 xlf 文件，其中包含所有可翻译项目，包括来自您的代码的项目。

【讨论】：

【解决方案2】：

您在@@ 之前忘记了:。应该是：

$localize`:@@errorMessage:Error`

对于xlf 文件，应该是这样的：

      <trans-unit id="errorMessage" datatype="html">
        <source>Error</source>
        <target>Erreur</target>
      </trans-unit>

【讨论】：