在 Angular 中，您將如何在 dom 中移動組件？

Question

開始學習Angular，所以這可能有一個簡單的答案：）

無需具體代碼。 我正在尋求幫助，朝着正確的方向前進。

開發一個小購物清單應用程序。 關鍵是，當您在雜貨店找到東西時，您單擊該物品，它會在“頁面的已找到物品區域”中向下移動，然后單擊並移動到圖片下方

自動取款機。 藍色組件實際上只是模板中的按鈕，但實際上可以是任何東西。 它們是“雜貨組件”的實例，嵌套在“購物清單”組件中，使用 ngFor 構建。

在我看來，使用單個數組並對其進行過濾是有意義的。 我已經嘗試過了，它有點工作，但是一旦初始化完成，我就無法讓它移動。 所以不知何故，當我單擊雜貨組件時，我需要告訴購物清單組件將其移到 dom 的“找到的雜貨”部分中。 如果您想將其向上移動，反之亦然。

任何點擊或評論都會有所幫助。

Answer 1

CDK Drag Drop 可能對您的情況有用

Answer 2

你測試過“Dragula”嗎？ 這里

如果您使用以下選項更改方向，您不僅可以進行垂直拖放，還可以進行水平拖放：

direction:'horizontal'