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