拖放角材料2实验CDK -水平堆叠项目重新排序
拖放角材料2实验CDK -水平堆叠项目重新排序
提问于 2018-07-04 19:26:50
我是与全新的拖放功能，刚刚添加到角材料实验CDK。我试图水平堆叠可拖动的项目，但当我这样做时，它破坏了拖放功能。对我做错了什么有什么想法吗？
这是我的stackblitz：https://stackblitz.com/edit/angular-basic-horizontal-drag-drop
回答 1
Stack Overflow用户
发布于 2019-08-09 13:44:15
这些更改应该解决您的问题：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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51179865
复制相关文章
相似问题
腾讯云开发者
