角度:树木的拖放 - 自定义

Question

对我的理解，新的Angular 7提供了拖放功能。我搜索了有关DND的树成分，但没有发现与树相关的太多。

我在Stackblitz上发现的一个工作启动样本。与此处总结的Drag'ndrop功能相比，解决方案看起来清醒。一个更好的样本与NGX-TREE-DND相关。然而，由于我想坚持一些材料，有些Q出现：

1. 如何使常规角树具有类似的幽灵效果？即在拖动时显示节点内容。
2. 如果我将节点放在同一级别或一个更深的/鞋面的情况下，是否有一种方法可以在视觉上显示更好的显示？用当前显示器，几乎无法识别在哪个级别上
3. 如何包含一些动画？

Answer 1

在对代码进行了一些调查并在周围摸索之后，我终于找出了如何使其更好。我将解决方案发布在Stackblitz上，以防其他人想进行其他调整。

我已解决的主要问题：

1. 将掉落的图像设置为null-不知道为什么
2. 我增加了阻力区域 - 因此它现在覆盖了边缘（桨）
3. 我在选择开始的节点
4. 有关颜色的调整很容易在CSS
中完成
5. 我试图解决完善问题。一种方法是使用数字而不是字符串。但是我想可能还有其他改进。

我发现有关DND的主要内容是大部分是简单的JS代码。没有太多的角度细节。

有关改进的建议。