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

Question

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

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

谢谢你的帮助。

标签： angularangular-cdk-drag-drop

Answer 1

@angular/cdk/drag-drop你只能在列表之间拖动项目，事实上你必须在你的播放器项目周围添加一个div with cdkDropList，就像你在其他区域中所做的那样。