javascript - 拖放的角度问题

Question

我有一个简单的列表，由mat-card. 我想突出显示mat-card拖动文件时并在文件放置时执行某些操作，但我有两个主要问题：

• 有时，当拖得太快时，状态mat-card不会正确更新。所以在某些情况下，我有多张卡片被高亮显示。
• on drop事件e.preventDefault()什么也不做。该文件在浏览器中打开，这不是预期的行为。

我尝试了很多东西，甚至手动添加/删除事件侦听器，但没有任何效果。希望有人会帮助:)

在这里您可以找到一个演示，stackblitz以便更容易调试： https ://stackblitz.com/edit/angular-material-with-angular-v5-d2uted

更新： 使用Angular v5和Angular Material 2

标签： javascriptangulartypescriptdrag-and-dropangular-material

Answer 1

经过一番摸索，dragover需要阻止该事件以及该drop事件以阻止浏览器打开文件。为了修复多次应用的类，我通过使用ngClass而不是修复了这个问题ngIf，它似乎更一致地工作。查看此 stackblitz以获取演示。