Access nested JSON in json2html

Question

I'm using json2html to create a report for a given JSON file. I was wondering what exactly the syntax is to access nested objects and their fields. For example,

var jsonData = {
    "field1": "value1",
    "field2": "value2",

    "nestedObject": {
        "nestedField1": "nestedValue1",
        "nestedField2": "nestedValue2"
    }
}

What's the syntax to access "nestedField1"? The transform that I'm using is,

var transform = [ 
                  {tag : "h1", html : "${field1}"},
                  {tag : "article", html : "${field2}"},
                  {tag : "article", html : "${nestedObject}" }
                ]

The last statement html : "${nestedObject}" returns [Object object] as expected. But, I can't seem to access its fields.

score 1 · Accepted Answer · answered Jul 20 '15 at 06:24

1

"${nestedObject.nestedField1}"

This should do the trick.

Just like how you'd access it in JS:

jsonData.nestedObject.nestedField1

answered Jul 20 '15 at 06:24

Cerbrus

70,800
18
132
147

2

Thanks, I realized this relatively simple thing just a moment before you posted. – Jul 20 '15 at 06:32

score 0 · Answer 2 · answered Jul 20 '15 at 06:25

0

I should have tried everything that seemed intuitive.

The simple way is,

{ tag : "article", html : "the first nested field is ${nestedObject.nestedField1}" }

answered Jul 20 '15 at 06:25

Just like I answered ;-) – Cerbrus Jul 20 '15 at 06:31

Access nested JSON in json2html

2 Answers2