时间戳

首页 > 解决方案 > 如何使用角度拖放和拖动材料在 2 个 div 之间移动图像？

angular - 如何使用角度拖放和拖动材料在 2 个 div 之间移动图像？

问题描述

我已经创建并输入框，它接受图像作为 div 标签之一中的输入。我还定义了另一个 div，我想将图像拖放到该 div 中。有帮助吗？我现在的代码是：

div class="box1" 
cdkDropList 
#image="cdkDropList" 
[cdkDropListConnectedTo]="[nextblock]"
(cdkDropListDropped)="drop($event)"
[cdkDropListData]="url"
><input type="file" (change)="fileChange($event)" placeholder="Upload file" >
<img  id="blah" [src]="url" alt="your image" cdkDrag/>
</div>

<div  
class="box2" 
cdkDropList 
#nextblock="cdkDropList" 
[cdkDropListConnectedTo]="[image]" 
(cdkDropListDropped)="drop($event)" 
(cdkDropListEntered)="setColor()">
Box1
</div>

我正在使用角度拖放材料。

标签： angular

解决方案

推荐阅读