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

Question

I am doing POC on translating my app using ngx-translate. I will get JSON response from my API url. In that response, can some one help me how to access the JSON array value with out referring array numbers? My JSON response is given below.

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

So, in my view to refer "FirstValue" , I have to do something like ( which I dont want to)

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

Here "0" is tightly coupled. Is there any other way by accessing via key?

Is that possible?

Answer 1

Change the response of your API to contain only the key/value pairs.

This is the desired JSON:

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

Then use it like that:

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