在瀏覽器中打印Json對象

Question

我有一個json對象存在於一個文件中，我需要使用基本html在瀏覽器上打印該文件。它已經在文本文件中打印出來了。我想在瀏覽器上獲得相同的結果。

Answer 1

在角情況：

<div> 
    {{jsonData | json}} 
</div> 

Answer 2

您可以使用JSON.stringify()：

var json = {"employees":[{"firstName":"John", "lastName":"Doe"},{"firstName":"Anna", "lastName":"Smith"},{"firstName":"Peter", "lastName":"Jones"}]}, 
 
    code = document.getElementById('output'); 
 

 
code.innerHTML = JSON.stringify(json, null, 4);

<pre> 
 
    <code id="output"></code> 
 
</pre>

Answer 3

如果你已經知道如何讓頁面上的弦，只是擔心格式化，您可以通過使用<pre>

<pre> 
Your 
    pretty 
      JSON 
</pre>