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

Question

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

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

因此，在我看来，要引用"FirstValue" ，我必须做类似的事情（我不想这样做）

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

这里“0”是紧密耦合的。 通过密钥访问还有其他方法吗？

那可能吗？

Answer 1

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

这是所需的 JSON：

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

然后像这样使用它：

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