我有一个 AngularJS 应用程序,它从输入中收集数据,使用 JSON.stringify()
将模型转换为字符串并让用户以这样一种方式编辑此模型:如果 <textarea>
元素被更新,反之亦然。某种双向绑定(bind):)
问题是字符串本身看起来很丑,我想把它格式化成这样:
现在看起来不像:
任何想法如何实现?如果您需要一些额外的信息 - 不要犹豫询问。每个答案都受到高度赞赏并立即得到答复。
谢谢。
附:我想这应该是某种指令或自定义过滤器。数据本身不应该改变,只有输出。
最佳答案
Angular 有一个内置的 filter
用于显示 JSON
<pre>{{data | json}}</pre>
注意使用 pre
-标签来节省空格和换行符
演示:
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)
关于javascript - AngularJS 格式 JSON 字符串输出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22785552/