Угловой ngx-translate вложенный перевод в en.json?

Question

Я хотел бы перевести оператор внутри HTML-шаблона.Само переведенное утверждение содержит переводчик.Это не похоже на работу, есть ли альтернативный подход?

в HTML:

<div class="description">
        {{ state + "-page.intro-info-description" | translate }}

        <ul class="bullet">
        <li>{{ state + "-page.intro-info-1" | translate }}</li>
        <li>{{ state + "-page.intro-info-2" | translate }}</li>
        <li>{{ state + "-page.intro-info-3" | translate }}</li>
        </ul>

    {{ "intro-info-description" | translate }}

    </div>

en.json:

{
 "intro-info-description": "You can register with 
 {{ 'provider' | translate }} if you can provide the following 
 information:",

"provider:": "Provider"
}

Я хотел бы страницусказать: «Вы можете зарегистрироваться у провайдера, если можете предоставить следующую информацию:» ​​

Вместо этого говорится:

«Вы можете зарегистрироваться в {{'provider' | translate}}, если выможет предоставить следующую информацию: "

Answer 1

Для этого вы можете использовать translateParam.

HTML выглядит так:

{{ state + "-page.intro-info-description" | translate: { provider: (state + "-page.provider" | translate) }}}

или как элемент

<p [translate]="state + '-page.intro-info-description'" [translateParams]="{ provider: (state + "-page.provider" | translate)}"></p>

ваши файлы json будут выглядеть так:

{
 "intro-info-description": "You can register with 
 {{provider}} if you can provide the following 
 information:",

"provider:": "Provider"
}