如何使用角度拖放材质在2格之间移动图像？

Question

我创建了一个输入框，它接受图像作为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>

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