如何在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>