AngularJS如何设置JSON消息的样式

我正在尝试将JSON消息设置为所需的样式

所需的JSON消息样式如下所示：

[   
{
“question”: “Write down Nhat’s email”,
    “answer”: “nhat@taie.com.au”,
    “inline”: true
},
{
<% NEXT QUESTION/ANSWER %>
},
{
<%…%>
}
]

[
{
“问题”：“写下一行的电子邮件”，
“答复”：nhat@taie.com.au”,
“内联”：true
},
{
},
{
}
]

目前，我的JSON消息如下所示：

[   
{
“question”: “Write down Nhat’s email”,
    “answer”: “nhat@taie.com.au”,
    “inline”: true
},
{
<% NEXT QUESTION/ANSWER %>
},
{
<%…%>
}
]

[{“问题”：“问题”、“注释”：“注释占位符”：“输入文本”、“inlineChecked”：false}，{“问题”：“问题”、“注释”：“注释占位符”：“输入文本…”，“inlineChecked”：“}]

你知道吗

您可以在

pre

标记中的对象上使用过滤器

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

---

注意，您只是将引用从

$scope.items

传递到

$scope.json

，因此如果您修改一个，它将修改另一个。如果您不想这样做，请使用

angular.copy

单独复制。我还更新了plunk。

您是否试图在UI中的JSON显示中添加换行符？@Reboog711是的，更正了，顺便问一下，我应该如何删除JSON消息中的一个项目，如“notePlacehoder”？您可以在该项目上添加一个手表，因此当它发生变化时，您可以调用

delete$scope.JSON.notePlaceholder或类似的东西