不幸的是我找不到常见问题的解决方案。
这是代码的链接https://stackblitz.com/edit/angular-ygwaxs https://stackblitz.com/edit/angular-ygwaxs
我有这样的场景：从服务器我得到了一个 json 树结构（在示例中，组件内直接有一个简化）
有空节点，但每个人都声明了自己的子数组。
我尝试使用 html 级别的 ng-template 和 ng-container 来管理组件内部的这种表示，这就是工作。
问题是我需要使用拖放来对节点进行排序。
具体来说，每个部分都可以是子部分或父部分，因此每个部分都可以拖放。
我尝试使用 Angular Material 8 CDK 拖放来实现它（https://material.angular.io/cdk/drag-drop/overview https://material.angular.io/cdk/drag-drop/overview）以及使用拖放 API 的普通 Javascript（https://developer.mozilla.org/ https://developer.mozilla.org/…/…/API/HTML_Drag_and_Drop_API）但是，如果在第一种情况下，嵌套拖放的事实无助于解决方案，那么在第二种情况下，我进行了测试，但在 Angular 组件内部，事件绑定for drop（滴）似乎不被接受；当我尝试拖动标签放置区内的一个部分时，光标会变为无拖放状态。
有人可以帮助我吗？
最近，我还遇到了树结构中嵌套拖放/排序项目的问题。
我的解决方案是通过 cdkDropListConnectedTo 链接不同的 cdkDropList，并通过 cdkDrag 项目上的 cdkDragMoved 事件获取目标放置位置。
Demo: https://stackblitz.com/edit/angular-cdk-nested-drag-drop-tree-struct https://stackblitz.com/edit/angular-cdk-nested-drag-drop-tree-structure
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
