我如何使用这个json漂亮的打印[
http://jsfiddle.net/KJQ9K/]与angularJS?
让我们假设myJsonValue是@H_403_2@
{a:1,'b':'foo',c:[false,'false',null,'null',{d:{e:1.3e5,f:'1.3e5'}}]}
我想能够使用下面的渲染pre(如示例所示)@H_403_2@
Angular已经有了json过滤器
built-in:
<pre> {{data | json}} </pre>
json后的|是一个Angular Filter.你可以使自己的custom filter如果你喜欢:@H_403_2@
app.filter('prettyJSON',function () { function prettyPrintJson(json) { return JSON ? JSON.stringify(json,' ') : 'your browser doesnt support JSON so cant pretty print'; } return prettyPrintJson; });
要使用您的自定义prettyJSON过滤器:@H_403_2@
<pre> {{data | prettyJSON}} </pre>
从@ TeChn4K的ES6版本:@H_403_2@
app.filter("prettyJSON",() => json => JSON.stringify(json," "))