Angular 角度-如何在拖动图像时更改dropzone颜色

我正在使用angular开发一个图像输入。 在这个输入中，我开发了一个dropzone，用于拖动文件

在拖放文件时，如何更改dropzone背景？这让我知道拖放是否处于活动状态，以便在那里获取我的文件

有人能帮我吗

HTML

    <div class="drop" >
      <div class="cont">
        <div class="browse" >
            Upload 
          </div>
      </div>
      <div class="abc">            
      </div>
        <input type="file" id="files" multiple accept="image/*">
    </div>

上传

使用angular的拖放事件：

<div (dragenter)="dropzoneHovered = true" (dragleave)="dropzoneHovered = false">

例如：

.drag-active {
  background: red; 
}

你可以看到它在行动中

.drag-active {
  background: red; 
}