我对Angular Material CDK的拖放功能有疑问。我正在尝试使用嵌套的DropList,该DropList可以嵌套任意深度。无法将项目拖到DropList的第三级中。 除此之外,从第一级拖动到第二级时,这些项目还会来回跳动。
here中的解决方法解决了将项目从第一级跳到第二级的问题。但这不能解决将项目放入第三层的问题。
我已编写了一个最小且更复杂的示例来说明问题。
在复杂的示例中,从DropList中删除项目不起作用(该模型似乎不刷新UI似乎是个问题,所以没关系。我正尝试尽快对其进行修复。)复杂的示例包括更多封装的组件。简单的只是处理拖放的两个组件。简单的示例包括上述解决方法,它解决了第一级和第二级之间的跳转问题。
我希望将简单示例中的 2 拖到 Composite 1.1 的放置区域(在 Leaf 1.1.1 和 Leaf 1.1.2 ),将其放入 Composite 1.1 中。但这不会发生。此外,当该项目在 Composite 1.1 框上方时,它会来回跳转。也许有人知道如何解决此问题...