angular - ngx-翻译 : How to provide context for translations in html and ts files?

Question

我正在使用ngx-translate在我的 Angular 5 应用程序中支持 I18N。

我想知道如何指定要翻译的单词/句子的上下文？

来自 HTML 的示例代码:

<span class="arc-gauge-title">{{title | translate}}</span>
<app-change-pages-dropdown [pageTitle]="pageTitle | translate"></app-change-pages-dropdown>

TS 文件中的示例代码:

fTitle = TRANSLATE("Completion rate");

“翻译”是一项从翻译中提取文本的服务。下面是代码:

    export function TRANSLATE(str: string) {
    return str;
}

我正在使用“ngx-translate-extract”来提取字符串进行翻译。以下是 package.json 中的命令:

"extract-translations": "ngx-translate-extract --input ./src --output ./src/assets/i18n/ --clean --sort --format namespaced-json --marker TRANSLATE"

如果您能帮助指定要翻译的字符串的上下文，我们将不胜感激。

提前致谢。

Answer 1

您可以使用 fork 版本，您可以在其中指定字符串上下文和注释。

你可以这样做:

<div translate-context="US State" translate-comment="Please, translate it as US STATE." translate>
  US State.Georgia  
</div>

<div translate-context="Country" translate-comment="Please, translate it as COUNTRY." translate>
    Country.Georgia
</div>

https://www.npmjs.com/package/@shavenzov/ngx-translate-extract