在Angular2 HTML模板中显示/可视化任意深度的JSON

Question

我有一个任意深度（1到n）的json结构，并且在此结构中还有其他重复结构。我如何显示HTML模板中的所有元素（键和值）？

编辑：我想遍历所有键和值

举个例子，我可以给以下结构：

{ 
    "contract": [{ 
    "part a": [{ 
     "x": "foo" 
    }, { 
     "y": [{ 
     "i": "one" 
     }, { 
     "ii": "two" 
     }, { 
     "iii": [{ 
      "part a": [{ 
      "x": "bar" 
      }, { 
      "y": [{ 
       "i": [{ 
       "part a": [{ 
        "x": "nix" 
       }] 
       }] 
      }] 
      }] 
     }] 
     }] 
    }] 
    }, { 
    "part b": [{ 
     "x": "any" 
    }, { 
     "y": [{ 
     "i": { 
      "part a": [{ 
      "x": "some" 
      }] 
     } 
     }] 
    }] 
    }] 
} 

这里的图片：

Answer 1

我带有recursive解决它，也没有人帮助我：/

Answer 2

您可以使用JSON pipe在您的模板中显示JSON数据：

<div>{{data | json}}</div>