如何解决如何将 Angular Material Drag Drop 用于 2 个自定义列表组件
来自 Angular Material 站点的所有拖放示例都显示了一个具有 2 个数组的组件：https://stackblitz.com/angular/volxgedeaga?file=src%2Fapp%2Fcdk-drag-drop-connected-sorting-group-example.ts
但是如果您有 2 个自定义组件，每个组件代表一个列表，并且您想在这 2 个组件之间拖放项目，那么组织代码的正确方法是什么？
我已经实施了以下解决方案：https://stackblitz.com/edit/angular-aqfhpg?file=src%2Fapp%2Fcdk-drag-drop-connected-sorting-example.ts
基本上，父组件保存数据（2 个数组），而 2 个子组件仅显示数据并提供拖放项目的选项。当 drop 事件发生时，子组件会向更新这两个数组的父组件分派一个事件。
提前致谢！
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
