Question

我有这个json，我试图打印漂亮：

{
 "error": "BAD_RESULT",
 "status": 500,
 "description": "Something bad happenned."
}

此对象存储在变量errorMsg中，并使用pre标记以html格式显示：

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

不幸的是，当我在开发人员控制台中检查元素时，我发现pre标记内的内容被填充了大量空格（在前面打开之后，正好在关闭之前），以及这会导致开口支架的压痕。如果我从控制台手动删除空格，json将完美显示。怎么解决？有一个纯粹的CSS解决方案或可能与js？

感谢。

编辑：

我的代码最初是：

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

当它应该是：

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

现在可行。

Answer 1

如果您要修剪字符串，可以使用Javascript .trim（）方法。

var str = "       Hello World!        ";
alert(str.trim());

输出：你好世界！