Angular 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 注册信息：

而是说：

"您可以注册 {{ 'provider' |翻译}}如果你能提供以下内容信息：

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"
}

Angular ngx-translate 嵌套翻译 en.json？

Angular ngx-translate nested translate in en.json?

ngx-translate

angular