使用AngularJS解析具有未知值的未知深度的json对象

时间:2016-12-20 21:25:45

标签: html angularjs json recursion foreach

基本上我将调用一个服务,该服务将返回一个json对象,其中包含未知数量的父母,孩子,孙子等等,所有这些都具有未知名称。基本上我只知道它将是一个JSON对象,我需要使用angular.ForEach()以递归方式解析它。在大学里我只在一个非常基础的水平上使用过递归,所以我有点超出了我的深度。我需要能够在解析后在html中以树状结构显示这些对象。有没有人知道任何好的指令或任何可以帮助的类型?非常感谢。

2 个答案:

答案 0 :(得分:1)

如果你要做的就是显示它,你可以使用angular-json-tree

如果您想以编程方式迭代它,有很多方法可以做到,但有些最好的方法已在此处记录:https://stackoverflow.com/a/1112609/632676

请注意,如果您收到JSON字符串,则必须通过JSON.parse(jsonString);将其转换为对象

答案 1 :(得分:0)

我在一个非常小的项目中使用过这个库,而不是广泛使用。但是它比我使用的要多得多。

https://github.com/awendland/angular-json-tree

基本上,导入并实例化库并将其用于HTML:

<json-tree object="jsonObject"></json-tree>

根据您的具体需求(您未说明),您可以使用其他属性 - 请查看相关文档。

Styling开始,它们包含您可以使用的css文件。您也可以从头开始自由扩展或创建自己的。

我希望它有所帮助!