tree - 如何在 Angular 5 中创建自定义嵌套节点树？我是角度的初学者。我不知道

Question

“+”按钮创建新节点，“添加路由”按钮创建子节点。每个节点包含 2 个下拉列表以选择值。

我的示例响应数据如下所示。

"flow":{  
         "children":{  
            "1":{  
               "children":{  

               },
               "data":{  
                  "id":"gbffhhjncjm"
               },
               "module":"device"
            },
            "2":{  
               "children":{  

               },
               "data":{  
                  "id":"fdjghmj"
               },
               "module":"device"
            },
            "4":{  
               "children":{  
                  "5":{  
                     "children":{  
                     },
                     "data":{  
                        "id":"jgjghfds"
                     },
                     "module":"device"
                  },
                  "6":{  
                     "children":{  

                     },
                     "data":{  
                        "id":"ghfgghfhhh"
                     },
                     "module":"device"
                  },
                  "7":{  
                     "children":{  
                        "8":{  
                           "children":{  

                           },
                           "data":{  
                              "id":"fgffhnhn"
                           },
                           "module":"play"
                        }
                     },
                     "data":{  
                        "id":"ghfhnvnn"
                     },
                     "module":"play"
                  }
               },
               "data":{  
                  "id":"sdgdgggf"
               },
               "module":"play"
            }
         },
}

我需要找出一个嵌套的树结构，添加新节点、添加子节点、删除节点、拖放功能。

标签： treeangular5