angularjs - 在 angularjs 中使用 json pretty-print

Question

我怎样才能使用这个json pretty-print [ http://jsfiddle.net/KJQ9K/ ] 与 angularJS？

假设 myJsonValue 是

{a:1, 'b':'foo', c:[false,'false',null, 'null', {d:{e:1.3e5,f:'1.3e5'}}]}

我希望能够使用下面的内容来渲染 pre(如示例所示)

Answer 1

Angular 已经有了 json 过滤器 built-in :

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

管道|之后的json是Angular Filter 。您可以自己制作custom filter如果你喜欢:

app.filter('prettyJSON', function () {
    function prettyPrintJson(json) {
      return JSON ? JSON.stringify(json, null, '  ') : 'your browser doesnt support JSON so cant pretty print';
    }
    return prettyPrintJson;
});

要使用自定义 prettyJSON 过滤器:

  <pre>
    {{data | prettyJSON}}
  </pre>

来自 @TeChn4K 的 ES6 版本:

app.filter("prettyJSON", () => json => JSON.stringify(json, null, " "))