Javascript angularjs多级可编辑树

Javascript angularjs多级可编辑树,javascript,angularjs,tree,Javascript,Angularjs,Tree,我正在构建我的第一个angularjs应用程序,但仍然在努力解决范围和其他问题 我正在尝试构建一个多级树,在那里我可以编辑节点,使其成为子节点,或者使它们上升一级(从子节点到父节点),但我有点卡住了 到目前为止,我成功地将根节点设置为子节点。但将子节点设置为根节点则完全不同,因为我必须访问父节点,而现在我不知道该怎么做 知道如何将子节点更改为根节点吗?谢谢 编辑: 想象一下这棵树: 项目1 分项1.1[按钮1] 分项1.2[按钮2] 项目2 项目3 项目4 单击[按钮2]可以得到以下结

我正在构建我的第一个angularjs应用程序,但仍然在努力解决范围和其他问题

我正在尝试构建一个多级树,在那里我可以编辑节点,使其成为子节点,或者使它们上升一级(从子节点到父节点),但我有点卡住了

到目前为止,我成功地将根节点设置为子节点。但将子节点设置为根节点则完全不同,因为我必须访问父节点,而现在我不知道该怎么做

知道如何将子节点更改为根节点吗?谢谢

编辑:

想象一下这棵树:

  • 项目1
    • 分项1.1[按钮1]
    • 分项1.2[按钮2]
  • 项目2
  • 项目3
  • 项目4
单击[按钮2]可以得到以下结果:

  • 项目1
    • 分项1.1
  • 分项目1.2
  • 项目2
  • 项目3
  • 项目4

我终于能够弄明白了

当然,代码看起来很难看,但我对angularjs的了解有限,这就是我能做的。它不漂亮,但正是我想要的

每个项目都可以设置为一个子项目,其中包含子项目,并将其再次转换为根项目


这是一个动态拖放树。

它支持:

  • 投入
  • 自定义模板
  • 动作映射
  • 事件
  • 异步数据
  • 过滤
  • 拖放
  • 特点:

  • 动态更改树
  • 原料药
  • 造型
  • 三态复选框
  • 大型树与虚拟卷轴
  • Redux/不可变数据