用 Angular 问题破坏子元素

如何解决用 Angular 问题破坏子元素

我有一个关于 Angular 的问题。在我的 Web 应用程序中，我试图让用户移动通过 ngFor 从其父组件生成的子组件。我正在使用 Angular 材料允许的常用 cdkDrag，但是，我不需要/不需要放置容器。拖动子元素后，我希望它在屏幕上滑动并移动到它的左上角，因为屏幕上会弹出选项供用户选择他们想要对所述元素执行的任何操作。

我完全有能力通过非 Angular 方法来做这样的事情，通过从其父 ngFor 元素中删除子元素，并将其附加到一个宽屏框容器元素，同时还给它不同的 css 属性来制作然而，它移动了，我很确定这不是做所说事情的正确 Angular 方法，因为我几乎改变了 DOM 而不是视图。是否有某种 Angular 方法来做这样的事情？我还能够在拖动结束的点上创建一个新的动态 HTML 元素并将其移动到所需的区域，同时从父组件的数组中拼接原始数据，使其看起来好像被选中的孩子实际上在那里而不是一个新的 div，但它看起来真的很花哨，我想知道是否有更好的方法来做这样的事情。

提前致谢！