Javascript 试图创建一个；文件夹式；使用html5拖放的gui（角度4）

我正在尝试开发一个使用HTML5拖放API的web应用程序。我的应用程序应该使用户能够将项目拖放到某个“拖放区”块，还可以拖动其他项目上的项目以创建文件夹、文件夹上的项目和文件夹上的文件夹等等。。。（当然在下降区内）

我尝试使用两个项目数组，一个用于所有应用程序，另一个用于所选应用程序（已拖到drop zone）

Stackblitz示例：

被困在这里

---

当您可以将一个应用程序拖动到另一个应用程序上以创建一个新文件夹时，预期的输出应该像手机一样（当您可以将文件夹拖动到文件夹上以创建一个包含这两个应用程序的大文件夹时，效果会更好）

我已经更新了您的，刚刚添加了

事件。stopPropagation（）和项目数组添加到每个应用程序中。
我正在查看您创建的闪电战。这不能满足我的问题。。我需要的功能是将项目拖到项目上（在拖放区内），然后根据此创建文件夹。这只是初始逻辑（2个级别），从这里开始，您需要使用递归来实现您的目标，关于“创建文件夹”，它只是项目上的项目，因此我认为这只是一个图形集成，因此您可以看到“文件夹”，我要做闪电战，但要花点时间才能完成好的，谢谢，我很期待。谢谢你的帮助。我开始理解它，但仍然需要看一个完整的示例（因为我对递归部分感到困惑）