丢弃事件不起作用角度2答案

【问题标题】：drop event not working angular 2丢弃事件不起作用角度2
【发布时间】：2016-02-01 17:39:28
【问题描述】：

我正在 Angular 2 中构建上传组件，但遇到了问题。 (drop) 事件不起作用。这是我的实现

<div
class="input-upload"
*ngIf="status != 'finished'"
(drop)="onDrop($event)"
(dragenter)="dragenter()"
(dragleave)="dragleave()"
(dragover)="dragover()"
[ngClass]="{'drag-over': dragOver | async}"
>

onDrop(event: any) {
event.preventDefault();
event.stopPropagation();
console.log(event)
}

我做错了吗？我什至在(drop) 事件中放入了不存在的函数，并且角度没有给出错误。

【问题讨论】：

标签： angular angular2-template

【解决方案1】：

你需要在dragOver(event)中调用event.preventDefault()来通知浏览器当前悬停的元素是一个有效的放置目标。

另见https://developer.mozilla.org/en-US/docs/Web/Events/drop

【讨论】：

【解决方案2】：

将此添加到您的dragover和dragend

返回假；

@他已经按照你说的做了

【讨论】：

他在onDrop 中这样做，但在dragOver() 中没有这样做
知道了。抱歉没看到。有了这个，他可能还需要返回false
event.preventDefault() vs return false 值得一读。
@Jared 在 Angular 中返回 false 只是调用 preventDefault