Angular：拖放树木-自定义

Question

据我所知，新的Angular 7提供了拖放功能。我搜索了有关DnD的Tree组件，但没有发现与树木有多大关系。

我在Stackblitz上找到了一个有效的示例。与总结here的拖放功能相比，该解决方案看起来很清醒。一个更好的示例与ngx-tree-dnd有关。但是，由于我要坚持“材料”，所以会出现一些问题：

1. 如何使 regular 角树具有类似的重影效果？即在拖动时显示节点内容。
2. 如果将节点放到相同级别或更深/更高级，是否可以通过视觉更好地显示它？由于当前显示的Cuz几乎无法识别
3. 如何添加一些动画？

Answer 1

在对代码进行了一些调查并摸索之后，我终于弄清楚了如何使其变得更好。我将解决方案发布在StackBlitz上，以防其他人想要进行其他调整。

我已解决的主要问题：

1. 要删除的图片设置为空-不知道为什么
2. 我增加了拖放区域-因此它现在覆盖了边距（边距）
3. 我为选择开始的节点着色
4. 可以在CSS中轻松进行颜色调整
5. 我试图解决性能问题。一种方法是使用数字而不是字符串。但是我想可能会有更多的改进。

我发现关于DnD的主要问题是，大部分内容都是纯JS代码。对Angular的细节了解不多。

欢迎提出改进建议。