cdk拖放拖放交换行为交换列表

Question

这是我创建的stackblitz。

新输入的元素将与前面的元素交换。效果很好。

所需的行为是： 将b1拖到a1上时，a1从list a中消失，并在list b的{​​{1}}位置处得到预览。

我如何才能更好地体验用户体验？在GitHub上查看cdk-dnd的源代码时，这确实在我之上。

Answer 1

这将起作用：

transferArrayItem(event.previousContainer.data, event.container.data,
        event.previousIndex, event.currentIndex);
transferArrayItem(event.container.data, event.previousContainer.data,
          event.currentIndex+1, event.previousIndex);

请仔细查看代码，您将理解它。都是关于2个要交换的列表的索引。