Angular5-ngx將Pharse值從json轉換為lang.json

Question

是否可以將數據從item.json映射到lang.json？ 我以這種方式嘗試了但沒有成功：

item.json

[
    {
        "id": 1,
        "name": "abilities.strength-plus, {{value: 5}}"
    }
]

lang.json（en）

{
    "abilities": {
        "strength-plus": "Strength +{{value}}"
    }
}

並嘗試將其輸出為HTML：

<ul>
    <li class="list-title">Abilities</li>
    <li *ngFor="let abilitie of abilities">
        <div [innerHTML]="abilitie.name | translate"></div>
    </li>
</ul>

結果是他只輸出： abilities.strength-plus, {{value: 5}}

知道我在做什么錯嗎？ 如果沒有數據，這種方式可以正常工作。

Answer 1

我認為，如果您在item.json使用替換數據拔出對象，然后將其作為ngx-translate的數據提供，則它將起作用。

item.json

[
    {
        "id": 1,
        "name": "abilities.strength-plus",
        "data": { "value": 5 }
    }
]

html模板

<ul>
    <li class="list-title">Abilities</li>
    <li *ngFor="let abilitie of abilities">
        <div [innerHTML]="abilitie.name | translate:abilitie.data"></div>
    </li>
</ul>