如何使用Angular创建一个json对象并使用html显示它?

时间:2017-10-19 15:45:17

标签: html json angular typescript

基本上我正在使用一个我一无所知的json对象,我不知道它的键,我不知道它的价值。我管理得到它并处理我想要的所有信息,最后我有一个数组(我需要一个数组,能够做我想要的)与json中的所有键及其路径。有没有办法可以把它放回json中并使用html显示它?

2 个答案:

答案 0 :(得分:3)

如果您不想使用devTool显示您的json对象,可以在模板中执行此操作:

n

答案 1 :(得分:0)

步骤1:
简单的Javascript:const arrayAsJson = JSON.stringify(yourArray)

步骤2:要显示数据,请按照 @Bougarfaoui El houcine 的回答,并在评论中提到以获得格式化输出:

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