时间戳

首页 > 解决方案 > Angular 8 如何在表格下拉列表中包含 json 子级值或重复 JSON 第一级值

angular - Angular 8 如何在表格下拉列表中包含 json 子级值或重复 JSON 第一级值

问题描述

角 8

从 JSON 开始，重复第 1 列和第 2 列的值，作为第三个不同的 Schedules：您可以执行此重复，将每一行传递为唯一的。

在此处输入图像描述 简而言之，Json 中的字段 1 和 2 是唯一的，但我想重复一遍，因为 Schedule 字段有多个 Schedules，并且单击 GET 按钮执行 marcAction。

或者

分组如下，但我看到了最高的复杂性级别。

在此处输入图像描述 * 在下拉列表中

有没有人有任何解决方案

标签： angulardropdownangular8

解决方案

有点不清楚你在问什么，但如果你问如何在第一个屏幕截图中组织数据（第二个屏幕截图非常相似），这里是：

{
  "users": [
    {
      "id": 1,
      "name": "John"
    },
    {
      "id": 2,
      "name": "Mary"
    },
    {
      "id": 3,
      "name": "Tereza"
    },
    {
      "id": 4,
      "name": "Joe"
    }
  ],
  "schedules": [
    {
      "id": 1,
      "part": "Morning",
      "time": "08:00"
    },
    {
      "id": 2,
      "part": "Afternoon",
      "time": "14:00"
    }
  ],
  "actions": [
    {
      "id": 1,
      "type": "GET"
    }
  ],
  "entries": [
    {
      "userId": 1,
      "scheduleId": 1,
      "actionId": 1
    },
    {
      "userId": 1,
      "scheduleId": 2,
      "actionId": 1
    },
    {
      "userId": 2,
      "scheduleId": 1,
      "actionId": 1
    },
    {
      "userId": 3,
      "scheduleId": 1,
      "actionId": 1
    },
    {
      "userId": 4,
      "scheduleId": 1,
      "actionId": 1
    },
    {
      "userId": 4,
      "scheduleId": 2,
      "actionId": 1
    }
  ]
}

这个想法是您将数据组织成小的逻辑块，然后条目只是这些逻辑块的组合。这样，如果您更改此人的姓名，则无需到处更换。

如果您需要对其进行分组，则可以搜索具有相同 userId 或 scheduleId 等的条目并以这种方式对其进行分组。

我希望这有帮助。祝你好运。

推荐阅读