Angular 角度：树的拖放-自定义

据我所知，新的Angular 7提供了拖放功能。我搜索了关于DnD的树组件，但没有找到太多与树相关的内容

我在上面找到了一个工作样本。与drag'ndrop功能相比，该解决方案看起来很冷静。一个更好的样本与此相关。然而，由于我想坚持材料，出现了一些问题：

如何使规则的有角树具有类似的重影效果？i、 e.拖动时显示节点内容

如果我将节点放置在同一层或更深/更高的层上，是否有一种方法可以更好地直观地显示它？因为现在的显示器很难辨认出它移动到了哪一层

如何包含一些动画

---

在对代码进行了一些调查和摸索之后，我终于想出了如何改进它的方法。我将我的解决方案发布在上，以防其他人需要进行其他调整

我已修复的主要问题：

要删除的图像被设置为空-不知道为什么

我增加了拖放区域-因此它现在可以覆盖边距（填充）

我为选择开始的节点着色

有关颜色的调整可以在CSS中轻松完成

我试图解决性能问题。一种方法是使用数字而不是字符串。但我想可能会有更多的改进

我发现DnD的主要特点是大部分是简单的JS代码。没有太多的角度细节

欢迎提出改进建议