使用Angular Material

时间:2019-01-03 05:45:15

标签: angular angular-material-6

  

下面是我从服务器得到的Json,我使用角材料创建了树结构   树

     

使用角度材料输出后,我得到的是

>country_1
    >state_A
        >0
          2es34Sdsre332
          222kms
          ABC
        >1
          id4es34Sdsre332
          1232kms
          BCD
    >state_B
        >0
          3es34Sdsre332
          45232kms
          PQR
        >1
          5es34Sdsre332
          3232kms
          LMN
>country_2
    >state_X
        >0
          4rtr34Sdsre332
          2232kms
          ABCD
        >1
          3es34Sdsre332
          1232kms
          BCDED
    >state_Y
        >0
          id7ys34Sdsre332
          45232kms
          PQRE
        >1
          6ues34Sdsre332
          3232kms
          LMNRE 
  

我一直期望输出

>country_1
    >state_A
        ABC
        BCD
    >state_B
        PQR
        LMN
>country_2
    >state_X
        ABCD
        BCDED
    >state_Y
        PQRE
        LMNRE
  

我使用有角度的材质示例来构造树,并使用buidtree方法来构造文件节点

  buildFileTree(obj: {[key: string]: any}, level: number): FileNode[] {
    return Object.keys(obj).reduce<FileNode[]>((accumulator, key) => {
      const value = obj[key];
      const node = new FileNode();
      node.filename = key;
      if (value != null) {
        if (typeof value === 'object') {
          node.children = this.buildFileTree(value, level + 1);
          // console.log(node.children);
        } else {
          node.type = value;
        }
      }
      return accumulator.concat(node);
    }, []);
  }

0 个答案:

没有答案