【问题标题】：Angular: Drag and drop for trees - customisationAngular：拖放树 - 自定义
【发布时间】：2019-02-14 15:37:06
【问题描述】：
据我了解，新的 Angular 7 提供了拖放功能。我搜索了有关 DnD 的 Tree 组件，但没有找到与树相关的太多内容。
我在Stackblitz 上找到的一个工作示例。与总结here 的拖放功能相比，该解决方案看起来很清醒。一个更好的示例与ngx-tree-dnd 相关。尽管如此，由于我想坚持 Material 一些问题：
- 如何让regular Angular 树有一些类似的重影效果？即在拖动时显示节点内容。
- 如果我将节点放在同一级别或更深/更高的级别，是否有一种方法可以更好地直观显示它？因为当前的显示很难识别移动到哪个级别
- 如何添加一些动画？
【问题讨论】：
标签：
angular
angular-material
【解决方案1】：
在对代码进行了一些调查和摸索之后，我终于想出了如何让它变得更好。我在StackBlitz 上发布我的解决方案，以防其他人想要进行额外的调整。
我已修复的主要问题：
- 要删除的图像设置为 null - 不知道为什么
- 我增加了拖放区域 - 现在它也覆盖了边距（填充）
- 我为选择开始的节点着色
- 可以在 CSS 中轻松调整颜色
- 我试图修复性能问题。一种方法是使用数字而不是字符串。但我想可能还有其他改进。
我发现 DnD 的主要内容是大部分部分都是纯 JS 代码。对 Angular 的细节没有太多的兴趣。
欢迎提出改进建议。