Блог

Необходимо отобразить ответ JSON в виде таблицы. Мне нужно выполнить итерацию и отобразить в виде строк (даже вложенные детали должны отображаться в строках). предоставьте предложения для angular 6.

В приведенном ниже макете ответа данные состоят из нескольких сегментов (segLst). Каждый сегмент должен отображаться в виде строки в таблице. Кроме того, SegLst имеет несколько ветвей (legLst). Каждый элемент также должен отображаться в виде строк в разделе SegLst. т.е. Отобразить элемент SegLst (где, segId: 1) в строке 1 Отобразить элемент LegLst(legNb: 1), в строке 2 Отобразить элемент LegLst(legNb: 2), в строке 3 Отобразить элемент SegLst(segId: 2), в строке 4 Отобразить элемент LegLst(legNb: 3), в строке 5 Отобразить элемент SegLst(segId: 3), в строке 6 Отобразить элемент LegLst ( Длина: 4) в строке 7

Фиктивные данные:

 {
"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"
                        }
                    ]
                }
            ]
        }
    ]
}
  

Мы можем создать модель и сохранить в ней повторенные значения. Здесь модель должна содержать все поля вложенных списков.