cdk 拖放交换行为交换列表

Question

这是我创建的一个小stackblitz。

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

期望的行为是： 当将b1 拖到a1 上时，a1 从list a 中消失，并在list b 中b1 所在的位置预览。

我怎样才能让这个东西以更好的用户体验工作？在 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 个列表的索引。