相关疑难解决方法(0)

如何以易于阅读(针对人类读者)格式显示JSON？我主要是寻找缩进和空白,甚至可能是颜色/字体样式等.

我有一个字符串 json 对象，我试图在 html 中格式化和显示它。我曾尝试使用JSON.parse()andJSON.stringify()但 typeof 仍然显示为字符串，并且显示为直线而不是 format 。我也试过了<pre> {{formatJson | json}}</pre>，还是没有成功。

formatJSON: string  = '{"a":1,"b":2,"c":{"d":3, "e":4}}'

ngOnInit() {
  var test = json.parse(this.formatJSON);
  console.log(typeof test); //string
  this.formatJSON = JSON.stringify(test, null, "   ")

}

HTML代码：

<div>
  <textarea [(ngModel)]="formatJSON" class="text-area" cols="200" rows="10">
       {{formatJSON}}
  </textarea>
</div>


<!-- <pre>{{formatJSON | json}}</pre> -->

期望输出：