我目前正在一个Angular应用程序中开发一个功能，它涉及一个自定义的多选组件.其目标是允许用户从这个菜单中 Select 多个项目，然后通过拖放对这些选定的项目进行重新排序.
然而，我遇到了一些我无法解决的挑战:
- 不正确的拖放索引:每当拖放一个项目时，它最终主要被放在列表的开头(索引0)，而不考虑预期的拖放位置.
- 静态占位符:指示项目将被放置到的位置的占位符不会随着被拖动的项目一起移动，这使得用户很难理解项目在释放时将被放置在哪里. 我花了相当多的时间try 调试和修复这些问题，但没有成功.我正在联系社区，寻求任何可以帮助我克服这些障碍的建议、见解或解决方案.
这是我在StackBlitz上项目的简化版本的链接，它展示了我面临的问题:StackBlitz Example
如能就如何解决这些问题提供任何建议或指导，我们将不胜感激.提前感谢您的时间和帮助！