AngularJS格式JSON字符串输出
AngularJS格式JSON字符串输出
提问于 2014-04-01 20:12:47
我有一个AngularJS应用程序，它从输入收集数据，使用JSON.stringify()将模型转换为字符串，并允许用户编辑此模型，如果<textarea>元素更新，则输入字段将更新，反之亦然。某种双向绑定:)
问题是字符串本身看起来很难看，我想要格式化它，使它看起来像这样：
而且不像现在看起来的那样：
有什么想法可以做到这一点吗？如果你需要更多的信息，请不要犹豫。每一个答案都会得到高度的赞赏和立即的回答。
谢谢。
附注:我猜这应该是某种指令或自定义过滤器。数据本身不应该改变，只应该改变输出。
回答 3
Stack Overflow用户
发布于 2014-04-01 20:34:51
Angular有一个用于显示JSON的内置filter
<pre>{{data | json}}</pre>请注意，使用pre-tag来保留空格和换行符
演示：
angular.module('app', [])
.controller('Ctrl', ['$scope',
function($scope) {
$scope.data = {
a: 1,
b: 2,
c: {
d: "3"
},
};
}
]);<!DOCTYPE html>
<html ng-app="app">
<head>
<script data-require="angular.js@1.2.15" data-semver="1.2.15" src="//code.angularjs.org/1.2.15/angular.js"></script>
</head>
<body ng-controller="Ctrl">
<pre>{{data | json}}</pre>
</body>
</html>
还有一个angular.toJson方法，但我还没有尝试过(Docs)
Stack Overflow用户
发布于 2014-08-06 06:56:13
Stack Overflow用户
发布于 2015-06-30 17:28:48
如果想格式化JSON并进行一些语法突出显示，可以使用ng-prettyjson指令。See the npm package.
下面是如何使用它：<pre pretty-json="jsonObject"></pre>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22785552
复制相关文章
相似问题