Question

我正在使用下面的Json显示数据。在显示第三个内部数组的同时，它最多可以在两个数组上正常工作，但出现错误。请建议我如何成功检索它。

<tr *ngFor="let priceRowData of solutionData.groups.requestDetails ;let $index=index ">
   <td>{{priceRowData.ReqId}}</td>
</tr>

New Json：solutiondetail->组->请求详细信息

 {
        "SolutionsDetail": [
            {
                "SolutionId": 658,
                "name": "dk",
                "id": 1568377327000,
                "groups": [
                    {
                        "GroupId": 1,
                        "requestDetails": [
                            {
                                "ReqId": 2331,

                            },

                        ]
                    }

                ]
            }
        ]
    }

我只想在UI中显示所有请求详细信息ID。我如何在这里实现？

Answer 1

您可以直接通过属性访问来访问数组的元素。由于存在三个嵌套数组，因此您必须循环所有这些数组以访问其属性。因此，您将必须使用3个嵌套的STR='{"version":"4.9.123M","info":{"version":[2034.2],"description":""},"status":"OK"}' echo $STR | awk -F'[' '{print $2}' | awk -F']' '{print $1}'指令来动态列出所有元素。

HTML

ngFor

Stackblitz

如何使用ngFor显示多维数组？

1 个答案: