相关疑难解决方法(0)

Angular 8 嵌套拖放

不幸的是,我无法在常见问题中找到解决方案。

这是代码的链接https://stackblitz.com/edit/angular-ygwaxs

我有这样的场景:从服务器我得到了一个 json 树结构(在示例中,组件内部直接有一个示例)

有空节点,但每个人都声明了他们的孩子数组。

我尝试在 html 级别使用 ng-template 和 ng-container 来管理组件内部的这种 rappresentation,这很有效。

问题是我需要使用拖放来对节点进行排序。

具体而言,每个部分都可以是子项或父项,因此每个部分都可以拖放。

我尝试使用 Angular Material 8 CDK Drag & Drop ( https://material.angular.io/cdk/drag-drop/overview ) 和使用 Drag&Drop API 的 vanilla Javascript ( https://developer .mozilla.org/ …/…/API/HTML_Drag_and_Drop_API) 但是,如果在第一种情况下嵌套拖放的事实对解决方案没有帮助,在第二种情况下,我有测试,但在 Angular 内部组件,似乎不接受 drop (drop) 的事件绑定;当我尝试在标签 dropzone 内拖动一个部分时,光标会发生变化。

任何人都可以帮助我吗?

javascript drag-and-drop angular

1
推荐指数
1
解决办法
4202
查看次数

标签 统计

angular ×1

drag-and-drop ×1

javascript ×1