ngx-translate：如何为 html 和 ts 文件中的翻译提供上下文？

Question

I am using ngx-translate to support I18N in my angular 5 application.

I wanted to know how i can specify the context for the word /sentence getting translated?

Example code from HTML:

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

Example code from TS file:

fTitle = TRANSLATE("Completion rate");

"TRANSLATE" is a service which extracts the text from translation. Below is the code:

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

I am using " ngx-translate-extract " to extract strings for translation. Below is the command from package.json:

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

Any help in specifying the context for the string to be translated is appreciated.

Thanks in advance.

Answer 1

You can use forked version where you can specify string context and comment.

You can do it like this:

<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