如何在两个不同的表之间存储一行的拖动选项元素

Question

我有两个 tables 由不同的 ngFor loops.I 生成的不同名称使用 cdkDrag 在 diffenet 之间拖动它们 lists.That 工作但我的问题是当我设置选项在下拉列表上并将其拖动到另一个列表，它会消失，如下图所示

下面我将选项从奥迪更新为萨博（这里没问题）

当我尝试将具有新 Saab 选项的 Done 列表中的行拖到 ToDo 列表时，所选选项在下图中消失了

这是我的 stackblitz 示例 below.I 如果你能帮助我，我会很高兴

https://stackblitz.com/edit/angular-gbls7d?file=src/app/cdk-drag-drop-connected-sorting-example.html

Answer 1

您需要保存 selected 选项。例如。将 属性 添加到您的对象以存储选项，然后从 select 绑定到此对象（示例中的 属性 名称为 'selected'）：

<select id="cars" [(ngModel)]="feed.selected">

ts列表：添加到每个对象(:

 {name:"Example",num:2,char:"4",length:"5",difficulty:"easy", selected
: null},
{name:"Example1",num:2,char:"4",length:"5",difficulty:"easy", selected
: null}
//etc

当您循环提要对象时，它会将每个对应的 select 绑定到当前对象中的那个 属性。

StackBlitz example 基于你的。