How do display Json data in HTML?

Question

HTML code:

<button type="button" (click)="callJoke()">Get joke</button>
<h1>{{msg[1].joke.value}}</h1>

JSON data:

{  
   "type":"success",
   "value":{  
      "id":533,
      "joke":"The Chuck Norris Eclipse plugin made alien contact.",
      "categories":[  
         "nerdy"
      ]
   }
}

msg is an Object that im getting from API response

Try msg.value.joke since msg is not an array

Vivz
– Vivz

2017-08-17 15:30:15 +00:00
Commented Aug 17, 2017 at 15:30 — Vivz
– Vivz, Commented Aug 17, 2017 at 15:30

Ikbel · Accepted Answer · 2017-08-17 15:38:01Z

1

Try using an angular json pipe:

<h1>{{msg.joke.value | json}} </h1>

edited Aug 17, 2017 at 15:38

answered Aug 17, 2017 at 15:31

Ikbel

7,8513 gold badges36 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How do display Json data in HTML?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related