无涯教程网

将 JSON 对象转换为漂亮打印的 JSON 的 Angular 2 管道

发布于05月22日

try 编写一个Angular 2管道，它将获取一个JSON对象字符串，并将其返回到打印/格式化后显示给用户.

例如，它将执行以下操作:

{ "id": 1, "number": "K3483483344", "state": "CA", "active": true }个

And return something that looks like this when displayed in HTML:

So in my view I could have something like:

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

推荐答案

I would like to add an even simpler way to do this, using the built-in json pipe:

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

这样，可以保留格式.

Json相关问答推荐

使用Powershell脚本将配置信息块添加到json文件

震击：三针并用震击

使用PowerShell解析文件并获取特定行的值

使用Jolt v.0.1.1向每个json元素添加一个键-值对

Jolt-在数组列表中插入新的字段

Bicep脚本中如何设置弹性池的维护窗口？

使用 jolt 将对象数组转换为数组

使用本地 JSON api react TS Axios

将 JSON 字符串解析为 Kotlin Android 中的对象列表(MOSHI？)

如何在jolt中使用shift和modify-overwrite-beta

用于遮蔽卡的 Jolt 规格

jq：用列表包装所有第一级原子值

如何限制resolveJsonModule的范围？

Retrofit 2.0 如何解析嵌套的 JSON 对象？

Spring Security 和 JSON 身份验证

使用杰克逊创建一个 json 对象

TypeError： b'1' 不是 JSON 可序列化的

使用 Node.js 对 JSON 中的字符串大小有限制吗？

将 javascript 对象或数组转换为 json 以获取 ajax 数据

处理 HTTP 请求正文中的可选 JSON 字段

实用课程推荐

相关教程推荐