javascript - 将 JSON 对象转换为 pretty-print 的 JSON 的 Angular 2 管道

Question

尝试编写一个 Angular 2 管道，该管道将采用 JSON 对象字符串并将其返回 pretty-print /格式化以显示给用户。

例如，它会这样:

<强>{ “身份证”:1， "编号": "K3483483344", “状态”:“CA”， “活跃”:真 }

并返回在 HTML 中显示时看起来像这样的内容:

所以在我看来，我可以有类似的东西:

<td> {{ record.jsonData | prettyprint }} </td>

Answer 1

我想添加一个更简单的方法来做到这一点，使用内置的 json 管道:

<pre>{{data | json}}</pre>

这样，格式就被保留了。