在angularjs中使用json pretty print

发布时间：2020-12-17 08:41:15 所属栏目：安全来源：网络整理

导读：我如何使用这个json漂亮的打印[ http://jsfiddle.net/KJQ9K/]与angularJS？让我们假设myJsonValue是 {a:1,'b':'foo',c:[false,'false',null,'null',{d:{e:1.3e5,f:'1.3e5'}}]} 我想能够使用下面的渲染pre(如示例所示) Angular已经有了json过滤器 built-in：

我如何使用这个json漂亮的打印[ http://jsfiddle.net/KJQ9K/]与angularJS？

让我们假设myJsonValue是

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

我想能够使用下面的渲染pre(如示例所示)

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,'  ') : '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," "))

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!