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个列表的索引。