将项目放到嵌套的下拉列表中(Angular 7 Material CDK)

Tim*_*imo 6 material angular-material angular angular7

我在Angular Material CDK的拖放功能方面遇到了问题。我正在尝试使用嵌套的DropList,该DropList可以嵌套任意深度。无法将项目拖到DropList的第三级中。除此之外,从第一级拖动到第二级时,这些项目来回跳动。

此处的解决方法解决了从第一个级别跳转到各个级别的问题。但这不能解决将项目放入第三层的问题。

我编写了一个最小且更复杂的示例来显示问题。

在复杂的示例中,从DropList中删除项目无效(似乎是模型无法刷新UI的问题,所以请不要介意。我正尝试尽快对其进行修复。)复杂的示例包括更多封装的组件。简单的只是处理拖放的两个组件。简单的示例包括上述解决方法,它解决了第一级和第二级之间的跳转问题。

我希望在将简单示例中的2拖到Composite 1.1的拖放区域(在Leaf 1.1.1Leaf 1.1.2之间)时,将把该项目拖放到Composite 1.1中。但这不会发生。此外,该项目在“ 复合1.1”框上方时会来回跳转。也许有人知道如何解决此问题...