AngularJS拖放事件列表器无法正常工作

Question

通过研究article我正试图发展我的拖放但是它不起作用。这是我的Code。

我面临的问题是我的事件没有解雇。谁可以帮我这个？ 当我移动滑动按钮到任何形状，我想调用控制器dd中提到的警报。如果滑动我的按钮掉落在红色三角形上我希望我会警告掉落红色和其他形状相同

 el.addEventListener('drop', function(e) {
    debugger;
    if (e.stopPropagation) e.stopPropagation(); // Stops some browsers from redirecting.
    this.classList.remove('over');

    var item = document.getElementById(e.dataTransfer.getData('Text'));
    this.appendChild(item);

    scope.$apply('drop()');

    return false;
  }, false);

谢谢，

Answer 1

这主要是CSS问题。蓝色三角形覆盖了大部分红色和绿色三角形，并且在DOM中更高。我看到红色和绿色三角形警报很好，如果我掉进未覆盖的部分。您看到的蓝色矩形突出显示的是蓝色三角形占据的DOM空间，即可点击区域。