Angular5 - ngx-translate从json到lang.json

时间:2018-03-14 15:13:07

标签: json angular ngx-translate

是否可以将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}}

知道我做错了什么?没有数据,这种方式可以正常工作。

1 个答案:

答案 0 :(得分:2)

我认为如果您使用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>