Печать объекта 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>