Angular ngx translate嵌套在en.json中？

我想翻译一个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>

我想在页面上说： “如果可以提供以下信息，您可以向提供商注册 信息：“

相反，它说：

“您可以向 {{'provider'| translate}}如果您可以提供以下内容

---

信息：“

您可以为此使用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>

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

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

"provider:": "Provider"
}