Javascript 需要使用AngularJS创建JSON的交互式预览

我有这样的JSON：

数据：[{
测试：{
内部测试：“2345”，
最外层：“abcd”
},
反式：{
sig:“sou”，
行程：[{
一：“2”
}, {
二：“3”
}],
otherac：“iii”
},{
测试：{
内部测试：“uuu”，
最外层：“rrr”
},
反式：{
信号：“e”，
行程：[{
一：“9”
},{
二：“8”
}],
otherac：“eee”
}
}]

我需要为这个HTML格式的JSON创建一个交互式的、可扩展的预览。有人能建议怎么做吗？

你可以使用angular提供的过滤器“JSON”来做这件事

{{data | json}}

您可以在HTML文件中使用文件管理器“json”，如下所示：

<pre ng-bind="data|json"></pre>

---

我不确定您是否正在使用AngularJS或其他版本，但我认为您正在寻找类似的东西，如果您正在使用AngularJS

只要将其添加到您的应用程序模块中，您就可以使用任何其他模块并使用以下指令：

<json-formatter json="{my: 'json'}" open="1"></json-formatter>

---

如果你使用Angular2而不是AngularJS，也许你可以试试。

在AngularJS或纯Javascript中不是。“JSON是一种文本、语言无关的数据交换格式，很像XML、CSV或YAML。”-我使用的是Angular2。任何事情对我来说都很好，你的意思是

$scope.your_JSON=…；

->

{your|JSON}“McMaMm，那么忘记我的建议吧？这不是你想要的。你应该考虑一下感谢帮助”Tom。但是它不起作用，就像JSON。StrugIFI。谢谢@ CHILU，这个标签看起来不错，但是如果我有对象，我需要花费，有什么想法，我会怎么做？如果你想扩展，我想你可能需要去NG-JS树。插件。