Need to get the value of my json in html

[Sandeep Shukla]

Hi,

My json is 

{
    "error": null,
    "document": {
        "title": "Hello World Angular",
        "heading": "subject to changes"
    },
    "versions": [
        {
            "attributes": {
                "sequence": "1",
                "versionNumber": "1.6",
                "id": "A00100"
            },
            "contentElements": [
                {
                    "contentType": "BASE",
                    "mediaType": "text/xml",
                    "fileName": null,
                    "size": 779,
                    "content": "This is content"
                },
                {
                    "contentType": "NOTELOG",
                    "mediaType": "text/plain",
                    "fileName": null,
                    "size": 29,
                    "content": "Content2"
                }
            ]
        }
    ]
} How do i get the values in html under attributes,contentElements. I am unable to get it. Any help would be appreciated. I can handle simple json but this is something not working for me. Regards Sandeep Shukla

[Manjari Singh]

You have to index from versions , as per your current Json

Attributes , does not include cont...

--
You received this message because you are subscribed to the Google Groups "Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email to angular+u...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/angular/279d78ce-1cc3-45fe-a9cc-ea57eedacc9fo%40googlegroups.com.

--

Sent from Gmail Mobile

[sandeep...@gmail.com]

Thanks Manjari for your response. But it is not clear to me.

in html I am saving json in result object like this in my TS file.

         this.result = JSON.parse(JSON.stringify(data));

In html I am trying to access

     <div> {{result.document.title}} </div>   This works fine 

 <div> {{result.versions.attribute.versionnumber}} </div>     I dont get this value . Please look intot he structure of json

Please share me what I am supposed to use to get correct reult. It is something related to traversing to the json object which I am not sure how to do it.

Regards

SandeepS hukla

[Manjari Singh]

Versions is an array, [],content elements also array, index it, beginning with 0,1.., you can play around on w3 schools json tutorial, try it, for practice, and then correct your accessing 

To view this discussion on the web visit https://groups.google.com/d/msgid/angular/2e27d9f8-1c33-475a-a2f3-5e88192ef7f0n%40googlegroups.com.

[Sandeep Shukla]

I had already tried,does not ring a bell and I am not very good at frontend :)

Already spent a week , I have developed the whole angular project but this I have encountered for the first time.

May be if you could let me know the solution then I can build concept around it.

Regards

Sandeep Shukla

To view this discussion on the web visit https://groups.google.com/d/msgid/angular/CAMF%2BC3pFQr8sUM716O1qEEfoAkKZzguvV6iAaZc5t_nyzhyyRw%40mail.gmail.com.

--

Regards
Sandeep Shukla,
Mobile# +31647969951

[NANA DARKO]

You can do this in your view or template:
It will loop through the array displaying  the data on the ui

<div *ngFor="let version of result.versions">

<span> {{ version?.attributes?.id }} </span>

<span> {{ version?.attributes?.sequence }} </span>

</div>

To view this discussion on the web visit https://groups.google.com/d/msgid/angular/CAB0%2BwtAYORXzeaizaXjWS6KB4RE4DWVLfVRehj4jxFh1yMRwTQ%40mail.gmail.com.

[Sandeep Shukla]

Thanks Nana. I got the values under attributes but under contenElements I dont get the values. Can I not reuse the same code as yours like this to get the data under contentElements

  <div *ngFor="let version of result.versions">                          

    <span> {{ version?.attributes?.id }} </span>                       

    <span> {{ version?.attributes?.sequence }} </span>

    <span> {{ version?.contentElements?.contentType }} </span> This does not work for me

  </div>

Regards

Sandeep Shukla

To view this discussion on the web visit https://groups.google.com/d/msgid/angular/CANd8XNvSbVy-NR4otqABRk5iN5sOW_NZDHqHk-Lmd4SDQFLkfA%40mail.gmail.com.

[NANA DARKO]

// contentElements is also an array and should be treated as such

// The structure below should work for you

<div *ngFor="let version of result.versions">                          

    <span> {{ version?.attributes?.id }} </span>                       

    <span> {{ version?.attributes?.sequence }} </span>

    <ul>
        <li *ngFor="let element of version.contentElements">
         {{ element?.contentType }}
        </li>
    </ul>

  </div>

To view this discussion on the web visit https://groups.google.com/d/msgid/angular/CAB0%2BwtB7jAdLgRgyqNBj5Zg2rLAErB-LwJQo%3Des478MwNYOhDg%40mail.gmail.com.

[Sandeep Shukla]

Thanks Nana. It worked and it helped me to build the concept.

Regards

Sandeep Shukla

To view this discussion on the web visit https://groups.google.com/d/msgid/angular/CANd8XNunrn5zx2VaLVR3paUW2DmVemixLbapieBXp4E%2BN8%3DNPA%40mail.gmail.com.

[NANA DARKO]

The pleasure is mine.

All the best.

To view this discussion on the web visit https://groups.google.com/d/msgid/angular/CAB0%2BwtCtpy0YunX8DMvCWptgpJ0ujdz_qbEqk5hR1JP0JUhR5Q%40mail.gmail.com.