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

Question

我正在尝试找出，是否有可能使用CDK的拖放操作在拖动之前不更改列表中任何元素的位置（在拖动过程中）。现在，任何元素被拖动时，它们的位置都会改变。

Answer 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