html - Angular 4 json 管道 - pre 标记中未修剪的空间

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());

输出:世界，您好!

https://www.w3schools.com/jsref/jsref_trim_string.asp