漂亮的Json对象在HTML中

Question

如何在html中打印JSON对象？我试过这个解决方案, 但没有工作.请帮助我实现这一目标.我尝试过使用json烟斗:

<div class="box box-default">                     
    <pre>{{placeDetail |json}}</pre>                  
</div>

Answer 1

试试这个:

    <div class="box box-default">
        <code>
            <pre>{{placeDetail |json}}</pre>
        </code>
    </div>

Answer 2

对于原生 JS: :<script>document.write(JSON.stringfiy(placeDetail )</script> 对于 Angular 你需要添加<code>标签

角度：

<code>
    <pre>{{placeDetail |json}}</pre>
</code>

原生JS：

<div class="box box-default">
    <pre><script>document.write(JSON.stringify(placeDetail))</script></pre>
</div>