Javascript 角度8嵌套拖放

不幸的是，我在一个常见的问题上找不到解决办法

这是代码的链接

我有这样一个场景：从服务器上我得到了一个json树结构（在示例中，组件内部有一个符号化）

存在空节点，但每个人都声明了其子数组

我已经尝试在一个组件中使用html级别的ng模板和ng容器来管理这个演示文稿，这就是我的工作

问题是我需要使用拖放对节点进行排序

在特定情况下，每个部分都可以是子部分或父部分，因此，每个部分都可以是可拖放的

我已经尝试过用Angular Material 8 CDK Drag&Drop（）和使用Drag&Drop API的vanilla Javascript（…/…/API/HTML_Drag_和_Drop_API）来实现它，但是，如果在第一种情况下，嵌套拖放的事实无助于解决方案的工作，那么在第二种情况下，我已经进行了测试，但在Angular组件内部，drop的事件绑定（drop）似乎不被接受；当我尝试在标记放置区内拖动一个部分时，光标将以不放置的方式更改

---

有人可以帮我吗？

您可以使用sortable js嵌套sortable：

还有一个角度可排序js的实现：

---

您可以使用可排序js嵌套排序表：

还有一个角度可排序js的实现：

---

最近，我在树结构中嵌套的dragdrop/排序项方面也遇到了问题

我的解决方案是通过cdkDropListConnectedTo链接不同的cdkdroplist，并通过cdkDrag项目上的cdkdramoved事件获取目标放置位置

---

演示：

最近，我还遇到了树结构中嵌套的dragdrop/排序项的问题

我的解决方案是通过cdkDropListConnectedTo链接不同的cdkdroplist，并通过cdkDrag项目上的cdkdramoved事件获取目标放置位置

---

演示：

也许这有帮助。使用材质树实现：这可能会有所帮助。用材料树实现：太棒了！这就是我想要的！非常感谢你分享这个！伟大的这就是我想要的！非常感谢你分享这个！