如何将 cdk 拖动项关联到 cdk 下拉列表列表中？

Question

我想使用@angular/cdk/drag-drop 模块构建一个简单的拖放游戏，我有一些拖放区和一个可拖动的项目，玩家应该选择正确的拖放区并将项目拖动到它。 我的问题是我无法将自定义数据对象绑定到拖放区列表。

这是我在 stackblitz 上的项目： https://stackblitz.com/edit/angular-ivy-42drhc?devtoolsheight=33

感谢您的帮助。

Answer 1

使用@angular/cdk/drag-drop，您只能拖动项目between lists，实际上您必须在播放器项目周围添加div 和cdkDropList，就像您在其他区域中所做的那样。