如何修剪额外间距的json对象的渲染

Question

我在角度内部渲染一个json对象。如何在输出之前和之后删除多余的空格？现在，它看起来像这样：

我希望它看起来像：

Js：$scope.someObj = { hello: 'world' };

Html：<pre>{{someObj | json}}</pre>

实例：http://jsbin.com/ripitimeqe/1/edit?html,js,output

Answer 1

这来自<pre>元素的缩进。您只需删除该间距：

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

VS

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