Question

我正在使用ngx-translate翻译我的应用程序。我将从我的API网址获得JSON响应。在那个响应中，有人可以帮助我如何在没有引用数组编号的情况下访问JSON数组值吗？我的JSON响应如下。

{
    "Data": {
        "FirstData": [{
                "key": "FirstKey",
                "value": "FirstValue"
            },
            {
                "key": "SecondKey",
                "value": "SecondValue"
            }
        ]
    },
    "IsSuccessful": true,
    "HttpStatusCode": 200,
    "Exception": null
}

所以，在我看来引用＆＃34; FirstValue＆＃34; 时，我必须做一些像（我不想要的）

<h1> {{'Data.FirstData.0.value' | translate }} </h1> <!--First Value -->

这里＆＃34; 0＆＃34;是紧密耦合的。通过密钥访问还有其他方法吗？

这可能吗？

Answer 1

更改API的响应以仅包含键/值对。

这是所需的JSON：

{
    "FirstKey": "FirstValue",
    "SecondKey": "SecondValue"
}

然后像这样使用它：

<h1> {{'FirstKey' | translate }} </h1>

Ngx-translate：如何使用键引用直接在Angular中访问JSON数组值

1 个答案: