在Angular 8.3.23上具有多个嵌套自定义数据的填充席表

Question

我知道这有点具体，但是我试图用多个嵌套数据的子代填充表。

我的数据组织如下：我的每个实体都有一个ID，一个名称和一条曲线；每个曲线都有一个值和一个cusotm周，并且每个星期都有一些基本字段。这是一个“三级体系”：

Entry:
- Id
- Name
- Curve (Map):
    • Value
    • Week(key):
        → Description (string)
        → Date

我正在尝试使用带有不同曲线的“描述”和“值”列的垫子表格，请参见图片以获得更好的说明。 （NB说明仅是示例，它将是一个更长的字符串）

我该如何解决这个问题？我试图查看命令“ ngFor”和“ keyvalue”，但我无法摆脱这个...

Answer 1

我正在做这样的事情：

例如，我在myService中使用服务getData()，从中获取数据，并且在我的.ts文件中，我是这样的：

dataTable;

this.myService.getData().subscribe((result) => {
  for (const data of result.curve) {
    result['value'] = data.value;
    result['description'] = data.week.description;
  }

this.dataTable = new MatTableDataSource(result);
})

这段代码假设结果JSON具有这样的数据结构：

{
    "id": 1,
    "name": "some name",
    "curve": {
        "value": "some value",
        "week": {
            "description": "some string",
            "date": "some Date format"
        }
    }
}

所以我在创建新的MatTableDataSource之前先构建数据，这对我来说很好。希望对您有帮助。我也很想知道对此还有更好的解决方案！