Angular CDK拖放，保持顺序直到下降

Posted 2023-02-22

【中文标题】Angular CDK拖放，保持顺序直到下降

【英文标题】：Angular CDK's Drag&Drop, keep order until drop

【发布时间】：2020-02-06 22:33:04

【问题描述】：

我正在尝试找出是否可以使用 CDK 的 Drag&Drop 来改变列表中任何元素的位置（在拖动期间），直到它被删除。现在，当任何元素被拖动时，元素都会改变它们的位置。

【参考方案1】：

您可以使用cdkDropListSortingDisabled 指令。

<div
    cdkDropList
    [cdkDropListData]="items"
    class="example-list"
    cdkDropListSortingDisabled
    (cdkDropListDropped)="drop($event)">
    <div class="example-box" *ngFor="let item of items" cdkDrag>item</div>
</div>

更多示例见cdk drag and drop examples