angular - 是否可以停止项目排序并在 cdkDropList 中获取孩子的 XY 坐标？

Question

在 cdkDropList 中添加项目时，由于数据排序属性，它位于可用的最左侧位置，但我想停止 cdkDropList 中的自动排列功能。可行吗？如果是，那怎么办？

还有可能获得这些子项目的XY坐标吗？需要一些帮助。

<div cdkDropList [cdkDropListData]="items" cdkDropListDropped)="drop($event)">
    <div cdkDrag [cdkDragData]="item" *ngFor="let item of items;">
        {{item.name}}
    </div>
</div>

Answer 1

您是否正在为响应 drop 事件做任何事情？您应该自己在支持数组中移动项目。

改编自官方文档的示例：

drop(event: CdkDragDrop<string[]>) {
    moveItemInArray(this.items, event.previousIndex, event.currentIndex);
}

您还必须moveItemInArray从@angular/cdk/drag-drop.