Tree 如何在angular 5中创建自定义嵌套节点树？我是个初学者，我不知道

“+”按钮创建新节点，“添加路由”按钮创建子节点。每个节点包含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"
            }
         },
}

我需要通过添加新节点、添加子节点、删除节点、拖放功能来确定嵌套的树结构。