Html 在Angular 8中基于json数据创建多个表

我有一个json对象：

const dummyData = [
{group: "withoutHistory", view="pending", total=70},
{group: "withHistory", view="pending", total=10},
{group: "hold", view="security", total=17},
{group: "confirmed", view="verfication", total=11},
{group: "notConfirmed", view="verfication", total=15}
]

我想基于视图创建多个datatables/grid

此json对象将创建3个数据表：

**table 1** for pending

group                           total
withoutHistory                   70
withHistory                      10

**table 2** for security

group                           total
hold                             17

**table 3** for verification

group                           total
confirmed                        11
notConfirmed                     15

---

如何基于此json数据创建3个表？提前谢谢。我试图循环浏览json数据，但没有得到任何运气。最好有一个数据表作为组件，并基于Json数据的view元素发送数据源。

您上面的Json contains=符号无效。我已更正，并根据您的输入，我已将您的数据分为以下三个单独的数组。您可以执行代码并进行检查

var dummyData=[
{组：“无历史记录”，视图：“待定”，总数：70}，
{组：“withHistory”，视图：“待定”，总数：10}，
{小组：“暂停”，意见：“安全”，总数：17}，
{小组：“确认”，意见：“确认”，总数：11}，
{组：“未确认”，视图：“验证”，总数：15}
]
var-separate={}；
for（dummyData的var行）{
if（单独的.hasOwnProperty（row.view））{
分离[行.视图].推送（行）；
}否则{
单独的[行.视图]=[行]；
}
}
控制台日志（单独）非常感谢您的回复。如何在前端使用生成的json创建3个数据表？您可以使用like、separate.pending数组并使用ngFor显示数据。请在此详细阅读