如何迭代嵌套的 JSON 响应并以角度 6 显示为 ag-grid 表答案

【问题标题】：How to iterate nested JSON response and display as ag-grid table in angular 6如何迭代嵌套的 JSON 响应并以角度 6 显示为 ag-grid 表
【发布时间】：2019-04-05 22:46:13
【问题描述】：

需要将 JSON 响应显示为网格。我需要迭代并显示为行（即使嵌套的细节也应该显示在行中）。提供角度 6 的建议。

在下面的模拟响应中，数据有多个段（segLst）。每个 SegLst 应在网格中显示为一行。此外，SegLst 有多个分支（legLst）。每个legLst 也显示为SegLst 下的行。 IE。，在第 1 行显示 SegLst(where, segId:1) 在第 2 行显示 LegLst(legNb:1) 在第 3 行显示 LegLst(legNb:2) 在第 4 行显示 SegLst(segId:2) 在第 5 行显示 LegLst(legNb:3) 在第 6 行显示 SegLst(segId:3) 在第 7 行显示 LegLst(legNb:4)

模拟数据：

{
"Data": [
        {
            "emplId": "124",
            "rotnId": "1",
            "Status": "flwn",
            "SegLst": [
                {
                    "segId": "1",
                    "segFrm": "bse",
                    "segCnt": 120,
                    "legLst": [
                        {
                            "legNb": "1",
                            "legId": "11",
                            "fltNum": "832",
                            "From": "ATL",
                            "To": "HNL"
                        },
                        {
                            "legNb": "2",
                            "legId": "12",
                            "fltNum": "836",
                            "From": "HNL",
                            "To": "DTW"
                        }
                    ]
                },
                {
                    "segId": "2",
                    "segFrm": "bse",
                    "segCnt": 130,
                    "legLst": [
                        {
                            "legNb": "3",
                            "legId": "13",
                            "fltNum": "902",
                            "From": "DTW",
                            "To": "NRT"
                        }
                    ]
                },
                {
                    "segId": "3",
                    "segFrm": "bse",
                    "segCnt": 130,
                    "legLst": [
                        {
                            "legNb": "4",
                            "legId": "14",
                            "fltNum": "800",
                            "From": "MSP",
                            "To": "ATL"
                        }
                    ]
                }
            ]
        }
    ]
}

【问题讨论】：

请编辑问题以将其限制为具有足够详细信息的特定问题，以确定适当的答案。避免一次问多个不同的问题。请参阅“如何提问”页面以获得澄清此问题的帮助。
请提供嵌套的模拟数据
你解决了这个问题吗？ @swank

标签： angular

【解决方案1】：

我们可以创建一个模型并将迭代值存储到其中。这里的模型应该包含嵌套列表的所有字段。

【讨论】：