Как изменить цвет компонента, когда изображение перетаскивается на него?

Question

У меня есть изображение, которое можно перетаскивать. Мое требование заключается в том, что, когда я перетаскиваю изображение на один из компонентов, цвет фона компонентов должен измениться. Я реализовал это, используя HostListener и HostBinding.

component.ts

@HostBinding('style.color') color: string;
@HostBinding('style.background-color') backgroundcolor: string;
@HostListener('mouseover')
resetColor(){
  this.color="red";
  this.backgroundcolor="red"

}

component. html

<div  class="block"(mouseover)="resetColor()" >
    box1
</div>

Загрузка изображения и его создание Draggable делается в другом компоненте. Любые идеи, как я могу сделать это связано.