Question

我正在尝试使用primeng创建树表html文件。 HTML文件应该能够在JSON文件下方呈现。

下面是 Json 答复。

async function getBody(url) {

(await (url) => {
    return ("qwe" + await getScript(url));
})(url);

这里父级以“ Briname”作为关键数据元素名称，子级节点以“ vesting”和“ Singalcode”作为数据元素。

我们如何使用树表实现这一目标？

HTML ：

{
      "data": [
        {
          "data": {
            "Briname": "Aamir",
            "aantalPersonen": "122"
          },
          "children": [
            {
              "data": {
                "Vestiging": "Ranchi",
                "aantalPersonen": "102"
              },
              "children": [
                {
                  "data": {
                    "Singalcode": "4",
                    "aantalPersonen": "15"
                  }
                },
                {
                  "data": {
                    "Singalcode": "5",
                    "aantalPersonen": "10"
                  }
                }
              ]
            },
            {
              "data": {
                "Vestiging": "Bangalore",
                "aantalPersonen": "82"
              },
              "children": [
                {
                  "data": {
                    "Singalcode": "6",
                    "aantalPersonen": "15"
                  }
                }
              ]
            }
          ]
        },
        {
          "data": {
            "Briname": "Abhinav",
            "aantalPersonen": "122"
          },
          "children": [
            {
              "data": {
                "Vestiging": "Bangalore",
                "aantalPersonen": "102"
              },
              "children": [
                {
                  "data": {
                    "Singalcode": "4",
                    "aantalPersonen": "15"
                  }
                }
              ]
           }
          ]
        }
      ]
    }

Answer 1

因此您想显示data的第一个属性

让我们在ts文件中声明_object = Object;

然后在HTML文件上显示第一个属性

{{ rowData[_object.keys(rowData)[0]] }}

演示here

Answer 2

我认为属性名称需要重新映射和固定。

像这样：

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

如何在JSON文件下面创建树表html文件

2 个答案: