Как переместить изображение между 2 делениями, используя angular drop и перетаскивая материал?

Question

Я создал и поле ввода, которое принимает изображение в качестве ввода в один из тегов 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 материал перетаскивания.