Как сохранить перетаскиваемый элемент option строки между двумя разными таблицами

Question

У меня есть два tables с разными именами, сгенерированными разными циклами ngFor. Я использовал cdkDrag, чтобы перетаскивать их между списками diff enet. Это работает, но моя проблема, когда я устанавливаю опцию в раскрывающемся меню и перетаскиваю ее в другой список, он исчезает, как вы можете видеть ниже на изображении

Ниже я обновил опцию от Audi до Saab (здесь нет проблем)

Когда я пытаюсь перетащить эту строку из списка Done с новым параметром Saab в список ToDo, выбранный параметр исчезает на изображении ниже

Вот мой пример стекаблика ниже. Буду рад, если вы поможете мне

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

Answer 1

Вам нужно сохранить выбранную опцию. Например, добавьте свойство к вашим объектам, чтобы сохранить опцию, затем привяжите к нему из выбора (имя свойства в примере 'selected'):

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

ts list: добавьте к каждому объекту (:

 {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

Когда вы * oop объекты подачи, он будет привязывать каждый соответствующий выбор к этому свойству в текущем объекте.

Пример StackBlitz на основе вашего.