如何在HTML中显示Json数据？

Question

HTML代码：

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

JSON数据：

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

MSG是一个对象，即时从API响应得到

Answer 1

尝试使用角json管：

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