使用Angular 7 Material CDK拖放
[英]drag and drop with Angular 7 Material CDK
问题描述
我需要实现角度7中的拖放。我将有多个容器用于放置。 我面临的问题是，如果我将一个项目拖到一个放置容器上，然后放到下面的容器中，它将被放置在第一个容器本身中。
在上面的示例中，我要将项目从“待办事项”移至“完成”列表2 。 但是，如果我将项目拖到“完成”列表1上并放入“完成”列表2，它会被拖放到“完成”列表1本身。
1 个解决方案
解决方案1
0 2018-12-04 13:03:59
我可以通过更改cdkDropListConnectedTo属性值来解决此问题。
演示链接： https : //stackblitz.com/edit/angular-68mqyx-g6s8r4?file= app/ cdk-drag-drop-connected-sorting-example.html
Angular Material拖放CDK - 将单个元素（独立）放入列表
[英]Angular Material drag drop CDK - drop single element(independent) into a list
拖放 - 角度材料2实验CDK - 重新排序水平堆积项目
[英]Drag & Drop - Angular Material 2 Experimental CDK - Reordering Horizontally Stacked Items
使用 copyArrayItem 时 Angular Material Drag&Drop CDK 中的问题
[英]Problem in Angular Material Drag&Drop CDK when using copyArrayItem
Angular 材质拖放 cdk: 合二为一并交换元素
[英]Angular material drag drop cdk: Combining items into one and swapping the elements
Angular 材质 cdk 拖放：无法绑定到 'cdkDragFreeDragPosition'
[英]Angular material cdk drag drop: Can't bind to 'cdkDragFreeDragPosition'
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
拖放cdk Angular素材
使用 Angular 7 Material CDK 嵌套拖放
Angular cdk 拖放到 Material 对话框
Angular Material拖放CDK - 将单个元素（独立）放入列表
角度拖放cdk在角度材质对话框中不起作用
拖放 - 角度材料2实验CDK - 重新排序水平堆积项目
使用 copyArrayItem 时 Angular Material Drag&Drop CDK 中的问题
Angular 材质拖放 cdk: 合二为一并交换元素
Angular 材质 cdk 拖放：无法绑定到 'cdkDragFreeDragPosition'
使用Angular材质CDK拖放自定义static组件
相关标签