Question

我正在从这样的后端api获取数据

 [{
        "brinname": "Aamir",
        "aantalPersonen": "122",
        "signalenvestiging": [{
            "vestiging": "Ranchi",
            "aantalPersonen": "102",
            "signalenCode": [{
                    "signaalCode": "4",
                    "aantalPersonen": "15"
                },
                {
                    "signaalCode": "5",
                    "aantalPersonen": "15"
                }
            ]
        }, {
            "vestiging": "Bangalore",
            "aantalPersonen": "82",
            "signalenCode": [{
                    "signaalCode": "6",
                    "aantalPersonen": "15"
                },
                {
                    "signaalCode": "7",
                    "aantalPersonen": "15"
                }
            ]
        }]

    },
    {
        "brinname": "Abhinav",
        "aantalPersonen": "122",
        "signalenvestiging": [{
            "vestiging": "Bangalore",
            "aantalPersonen": "102",
            "signalenCode": [{
                "signaalCode": "7",
                "aantalPersonen": "15"
            }]
        }]
    }
 ]

但是我需要修改看起来像这样的数据结构：

[{
  "data":
  [
    {
      "data":{
        "name":"Aamir",
        "aantalPersonen":"122",
      },
      "children":[
        {
          "data":{
            "name":"Ranchi",
            "aantalPersonen":"102",

          },
          "children":[
            {
              "data":{
                "signaalCode":"4",
                "aantalPersonen":"15",
              }
            },
            {
              "data":{
                "signaalCode":"5",
                "aantalPersonen":"10",
              }
            },

          ]
        },
        {
          "data":{
          vestiging: "Bangalore",
          aantalPersonen: "82",
          },
          "children":[
            {
              "data":{
                signaalCode: "6",
              aantalPersonen: "15"
              }
            }
          ]
        }
      ]
    }
     ,
    {
      "data":{
         brinname: "Abhinav",
      aantalPersonen: "122",

      },
      "children":[
        {
          "data":{
             vestiging: "Bangalore",
          aantalPersonen: "102",
          }
        },
       "children":[
            {
              "data":{
                "signaalCode":"4",
                "aantalPersonen":"15",
              }
            }
      ] ]
    } 

  ]
}]

因此，我可以使用格式化的结构在案例树表html文件中呈现html文件。

任何人都知道如何将可观察到的json消息转换为其他json可观察的消息。

Answer 1

假设您已经可以观察到您的数据，并且只是想对其进行转换，那么您需要的是map RXJS运算符。

使用它看起来像这样：

const data = of([]); // Your data as an observable should go here.

const transformedData = data
  .pipe(
    map(d => ({
      data: {
        name: d.brinname
      }
      // Other fields can be mapped here too.
    }))
    map(d => ({ data: d }))
  );

这会将API响应中的“ brinname”字段映射到名为name的新字段（并删除所有其他字段）。然后它将结果放入具有名为“数据”的属性的新对象中。

如果您需要更多帮助，请告诉我。

改变可观察的

1 个答案: