Javascript 带有json对象的angular 4打印数组

我的.ts文件中有一个数组，该数组必须以.html格式打印：

myArray:[“2018年5月3日”，“2:54”，“xoxo”，“简报”，“你的”[{ “Id”：“1”， “时间”：“20:54”， “主题”：“嗯， “客人1”：{ “角色”：“HS”， “信息”：“阿拉斯加” }, “客人2”：{ “角色”：“GS”， “信息”：“亚利桑那州” } }, { “Id”：“2”， “时间”：“21:55”， “主题”：“VVV”， “客人1”：{ “角色”：“CS”， “信息”：“格鲁吉亚” }, “客人2”：{ “角色”：“GS”， “信息”：“佛罗里达” }, “宾客3”：{ “角色”：“HS”， “信息”：“特拉华州” } }, { “Id”：“3”， “时间”：“1:56”， “主题”：“fffff”， “客人1”：{ “角色”：“GS”， “信息”：“科罗拉多” } }

---

]]如果要在数组上迭代，请使用

*ngFor

否则只需像这样使用

json

管道

{{myArray | json}}

PS：您在这里错误地定义了数组，如

myArray:

，

：

用于声明数组的类型，而您正在为数组赋值，因此您应该使用

myArray=

---

使用

pre

标记显示任何格式化的字符串值。如果需要将数据显示为格式化数据，请使用

JSON.stringify（arr，null，2）

或angular的内置

JSON

管道

<pre [innerHTML]="formattedResult | json"></pre>

// alternate way
<pre [innerHTML]="formattedResult"></pre>

arr = [...];   // your arr data;
formattedResult = JSON.stringify(this.arr, null, 2);   // format

//备用方式
arr=[…]；//您的arr数据；
formattedResult=JSON.stringify（this.arr，null，2）；//格式

---

请参见和

您想要打印什么？只需在模板中使用

json

管道即可。要在新行中打印每个项目数组吗。我可以使用*ngFor打印前5个项目，但在JSON项目上有问题。是否可以在

GUEST

上进行子字符串比较以打印键的不同值？是否有方法遍历数组并将每个项放在表的一行或新行中？我已将问题的格式更新为array@mamesaye那么，你想要一个双列键值表吗？@ MaMeSaye，考虑使用Objut.KEY和*ngFoRf如何循环来获得所有JSON对象，因为Guestx不在数组中？@ MaMeSaye我添加了一个复杂的工作演示，看看它是否有帮助。由于您的数据有点复杂，我只给出第一层实现作为示例。