拖放组件，在 Angular 中可以水平和垂直拖放

Question

问题陈述

我正在尝试开发一个动态长度二维度量（M x N）的接口，其中N具有不同的长度并且可以增长和收缩。将界面想象成一个复选框，这些框中具有不同的值。然而，复选框的长度是恒定的，但我正在谈论不断增长的动态长度的行和列。

请参考以下组件作为参考，我需要将其与任何地方拖放合并在一起。

我是 Angular 新手，这是我无法解决的问题。请帮助或指导。如果您可以建议任何自定义库，那么我也很好。

到目前为止，我可以使用拖放来实现运行时矩阵创建。我一次只能管理水平移动。问题是项目还需要垂直下拉以及分组拖放。

Answer 1

从 Angular CDK v18.1.0 开始，您可以使用

cdkDropListOrientation="mixed"

进行二维拖放。有关详细说明和演示，请参阅他们的docs。