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”是紧密耦合的。有没有其他方式通过key访问？

这可能吗？

Answer 1

将 API 的响应更改为仅包含 key/value 对。

这是想要的 JSON:

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

然后像这样使用它：

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

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

Ngx-translate: How to access JSON array value directly in Angular with key reference

json

ngx-translate

angular