Question

这是我第一次从事角度工作。我不确定这是复杂的还是简单的，我想阅读下面的JSON ARRAY并将其呈现在一个复杂的表中，能否有人帮助我阅读或访问其中的不同子模块，我无法提供确切的详细信息例如如何呈现或表结构，因为它太复杂了，无法解释在表上呈现此json。能否有人帮助我如何在JSON ARRAY下访问其中的不同元素。

需要使用* ngFor在我的表中循环浏览

Response =
{
            "userId" : "",
            "module" : "Opportunity",
            "moduleDetails" : [
            {
            "moduleElements" : [
                {
                    "elementName" : "Account Name",
                    "elementValue" : "155744"           

                }
                {
                    "elementName" : "oppty owner",
                    "elementValue" : "Europe"
                },
                {
                    "elementName" : "products",
                    "elementValue" : "June 10,2010"
                },
                {
                    "elementName" : "Dom",
                    "elementValue : "8056568"


                },
                {
                    "elementName" : "ASAP  ",
                    "elementValue" : "wer"
                },
                {
                    "elementName" : "Price scenario status",
                    "elementValue" : "$243.00"

                }


                ],
                "moduleMilestones" : [
                                            {
                                                "elementName": "statusId",
                                                "elementValue": "60"
                                            },
                                            {
                                                "elementName": "sstId",
                                                "elementValue": "NA"
                                            }
                                        ],
                "subModules" : [
                    {
                        "subModule" : "Solution",
                        "subModuleDetails" : [
                            {
                                    "subModuleElements" : [
                                        {
                                            "elementName" : "solutionName",
                                            "elementValue" : "112233"
                                        },
                                        {
                                            "elementName" : "solutionId",
                                            "elementValue" : "SameeraSolution"
                                        },
                                        {
                                            "elementName" : "dealType",
                                            "elementValue" : "AVPN"
                                        },
                                        {
                                            "elementName" : "startDate",
                                            "elementValue" : "28-Jul-1992"
                                        },
                                        {
                                            "elementName" : "endDate",
                                            "elementValue" : "28-Jul-2020"
                                        },
                                        {
                                            "elementName" : "status",
                                            "elementValue" : "Reaeneration"
                                        }
                                        ],
                                        "subModuleMilestones" : [
                                            {
                                                "elementName": "statusId",
                                                "elementValue": "60"
                                            },
                                            {
                                                "elementName": "supstId",
                                                "elementValue": "NA"
                                            }
                                        ]

                            },
                            {
                                    "subModuleElements" : [
                                        {
                                            "elementName" : "soId",
                                            "elementValue" : "332211"
                                        },
                                        {
                                            "elementName" : "same",
                                            "elementValue" : "SameeraSolution"
                                        },
                                        {
                                            "elementName" : "dealType",
                                            "elementValue" : "An"
                                        },
                                        {
                                            "elementName" : "startDate",
                                            "elementValue" : "28-Jul-1992"
                                        },
                                        {
                                            "elementName" : "endDate",
                                            "elementValue" : "28-Jul-2020"
                                        },
                                        {
                                            "elementName" : "status",
                                            "elementValue" : "Reneration"
                                        },
                                        "subModuleMilestones" : [
                                            {
                                                "elementName": "statusId",
                                                "elementValue": "60"
                                            },
                                            {
                                                "elementName": "sustId",
                                                "elementValue": "NA"
                                            }
                                        ]
                                    ]
                            }
                        ]   
                    }
                ]


        }
    ]

}

Answer 1

const theDeets = Response.moduleDetails // accessing object property

const firstDeet = theDeets[0] // accessing array element using index

const secondElementValue = firstDeet[1].elementValue // chaining both methods

console.log(secondElementValue) // prints “Europe”

从这里开始，您将需要查找Array方法和Object方法以对数据进行更多处理，但这就是您访问处理方法的答案。

以角度读取复杂的JSON ARRAY

1 个答案: