Angular5-ngx将Pharse值从json转换为lang.json

Question

Is it possible to pharse data from a item.json to the lang.json? I tryed in this way but didnt work:

item.json

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

lang.json (en)

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

And tryed to output it in HTML:

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

The result is that he just output: abilities.strength-plus, {{value: 5}}

Any idea what im doing wrong? Without Data this way works fine.

Answer 1

I think it would work if you pulled out the object with the replace data in your item.json and then provided that as the data for ngx-translate.

item.json

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

html template

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