angular - 入力時のAngular Material CdkDragPreview

Question

Angular マテリアル テーブルに CdkDrag を実装しました。すべてのマット セルは入力 (マット フォーム フィールド) です。

<mat-cell cdkDropList>

    <mat-form-field>
    <input
                  cdkDrag
                  cdkDragLockAxis="y"
                />
    </mat-form-field>

</mat-cell>

ポイントは、あるセルを別のセルにコピーすることです。機能は機能しており、cdkDropListEntered エミッターを介して実行されます。ただし、プロパティ CdkDragPreview および CdkDragPlacholder を使用しようとしています。これらは cdkDrag 内にある必要がありますが、これは入力であり、終了タグがないため、cdkDragPreview 要素を配置できません (表示されません)。cdkDrag プロパティを mat-form-field に配置しようとしましたが、ドラッグ アンド ドロップがまったく機能しませんでした。

全体的なポイントは、ドラッグされたマット セルを視覚的に同じセルに保持し、ドラッグ アニメーションを表示しないことです。ありがとう。