在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>