angularjs多级可编辑树

Question

我正在构建我的第一个angularjs应用程序，并仍在与范围和东西苦苦挣扎。我试图建立一个多级树，在那里我可以编辑节点成为子节点，或让他们一级（从子节点到父级），但我有点卡住了。

到目前为止，我设法将根节点设置为子节点。但是将一个子节点设置为根节点是一个完全不同的故事，因为我必须访问父节点，而现在我不知道该怎么做。

Plnkr

的我怎么能一个子节点更改为根节点任何想法？感谢

编辑：

想象这棵树：

• 项目1
  • 子项目1.1 [按钮1]
  • 子项目1.2 [按钮2]
• 第2项
• 项目3
• 项目4

你点击[按钮2]和你有这样的：

• 项目1
  • 子项目1.1
• 子项目1.2
• 第2项
• 第3项
• 项目4

Answer 1

最后，我已经能够弄清楚了。

当然，代码看起来很丑，但由于我对angularjs的知识有限，这就是我所能做的。这不是很漂亮，但确实是我想要的。

每个项目都可以设置为子项目和子项目，然后他们再次将它们转换为根项目。

Plunker

Answer 2

这是一个充满活力和拖放树。

http://www.jqueryrain.com/?KIVkhqxl

支持：

1. 输入
2. 自定义模板
3. 操作映射
4. 活动
5. 异步数据
6. 过滤
7. 将&降

特点：

1. 动态改变树
2. API
3. 造型
4. 三态复选框
5. 大树&虚拟滚动
6. Redux/Immutable Data