如何使用Angular創建json對象並使用html顯示它？

基本上我正在使用一個我一無所知的json對象，我不知道它的關鍵字，我不知道它的價值。我管理好了它，並處理了我想要的所有信息，最後，我有一個數組（我需要一個數組來完成我想要的），並使用json中的所有鍵和路徑。有沒有一種方法，我可以把它放回一個JSON並使用HTML顯示它？如何使用Angular創建json對象並使用html顯示它？

來源

2017-10-19 alexandre

你有什麼試過的？我們只知道你知道的問題 –

嗯，我仍然試圖在網上找到答案，並找出答案 – alexandre

如果你不想使用devTool顯示您的JSON對象，你可以在你的模板做到這一點：

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

來源

2017-10-19 15:49:03

感謝您的顯示技巧！ – alexandre

甚至更好的包裝在'

'中，因爲json過濾器會爲你做換行和縮進。 – Duncan

第1步：
簡單的JavaScript：const arrayAsJson = JSON.stringify(yourArray)

第2步：要顯示數據，請按照@Bougarfaoui El houcine的回答以及評論中提到的格式輸出：

<pre>{{ arrayAsJson | json }}</pre>

來源

2017-10-19 16:20:20 Nickolaus

如何使用Angular創建json對象並使用html顯示它？

回答

相關問題