我正在使用刚刚添加到 Angular Material Experimental CDK 中的全新拖放功能。我正在尝试水平堆叠可拖动项目,但这样做会破坏拖放功能。 对我做错了什么有什么想法吗?
这是我的 stackblitz:https://stackblitz.com/edit/angular-basic-horizontal-drag-drop
最佳答案
这些更改应该可以解决您的问题: https://stackblitz.com/edit/angular-basic-horizontal-drag-drop-ghggjt?file=app/drag-drop-example.ts
我将每个库升级到最新版本并编辑 HTML 以符合最新的官方规范。 (您可以在这里找到它们:https://material.angular.io/cdk/drag-drop/overview)
新的 HTML 现在看起来像这样:
<div cdkDropList
cdkDropListOrientation="horizontal"
(cdkDropListDropped)="drop($event)"
class="droplist">
<div *ngFor="let item of todo" cdkDrag>
{{item}}
<span class="drag-handle" cdkDragHandle >↔</span>
</div>
</div>
关于angular - 拖放 - Angular Material 2 Experimental CDK - 重新排序水平堆叠的项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51179865/