ドラッグ アンド ドロップの Angular Material サイトのすべての例は、2 つの配列を持つ 1 つのコンポーネントを示しています。たとえば .ts
しかし、2 つのカスタム コンポーネントがあり、各コンポーネントがリストを表し、これら 2 つのコンポーネント間でアイテムをドラッグ アンド ドロップしたい場合、コードを整理する適切な方法は何でしょうか?
次のソリューションを実装しました: https://stackblitz.com/edit/angular-aqfhpg?file=src%2Fapp%2Fcdk-drag-drop-connected-sorting-example.ts
基本的に、親コンポーネントはデータ (2 つの配列) を保持し、2 つの子コンポーネントはデータのみを表示し、項目をドラッグ アンド ドロップするオプションを提供します。ドロップ イベントが発生すると、子コンポーネントは 2 つの配列を更新する親にイベントをディスパッチします。
この解決策は大丈夫ですか？これを達成するためのより良い、より簡単な方法はありますか?
前もって感謝します！