通过单击和拖动选择 div flex 框

Question

我有多个弹性框，我想通过单击和拖动来选择框。

例如。

我想选择 1 到 6，只需点击 1 并拖动到 6。所以所有选定的 div 将返回背景颜色更改为蓝色或其他东西，我想获取选定的框数据，如 id 或其他信息。

我怎样才能做到这一点？只是想知道有没有办法通过点击和拖动来选择弹性框。

我还没有任何代码。我在想我需要通过鼠标输入、鼠标按下和鼠标向上事件来执行此操作吗？还是可以通过 CSS 进行选择？使用表格单元格更适合此选择？

Answer 1

您应该能够使用ngx-drag-to-select 来实现您所需要的。

Answer 2

考虑使用 Angular Material 的 drag and drop CDK。