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>