Angular5 - ngx-translate Pharse 值从 json 到 lang.json

Question

是否可以将数据从 item.json 分段到 lang.json？我尝试过这种方式但没有成功：

item.json

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

lang.json (zh)

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

Angular5 - ngx-translate Pharse 值从 json 到 lang.json

Angular5 - ngx-translate Pharse value from json to lang.json

json

ngx-translate

angular