Question

我具有JSON格式，并且我正在使用primeng，并希望使用它为树表结构（HTML文件）。

JSON：

spring.profiles.active=@activatedProperties@

有人可以向我解释如何实现上述要求吗？创建树形表html结构让我很困惑。

Answer 1

说明：您需要通过node将所有元素的属性克隆到Object.keys(element).forEach的数据属性-排除数组类型的属性（signalenVestiging，signalenCode）。然后将数组类型属性中的元素添加到node的子数组中。（对不起，我的英语不好）

您可以使用以下代码

this.jsonData.forEach(element => {
      let tmp: any = {
        data: {},
        children: []
      };
      Object.keys(element).forEach(prop => {
        if (prop != 'signalenVestiging') {
          tmp.data[prop] = element[prop];
        } else {
          element[prop].forEach(c1 => {
            let tmp1: any = {
              data: {},
              children: []
            };
            Object.keys(c1).forEach(prop1 => {
              if (prop1 != 'signalenCode') {
                tmp1.data[prop1] = c1[prop1];
              } else {
                c1[prop1].forEach(c2 => {
                  let clone = $.extend(true, {}, c2);
                  tmp1.children.push({ data: clone });
                });
              }
            });
            tmp.children.push(tmp1);
          });
        }
      });
      this.data.push(tmp);
    });

演示here

树表html来自json

1 个答案: