在角度應用程序中拖放不起作用

Question

我嘗試在我的Angular應用程序上運行拖放系統，拖放操作在帶有活動服務器的html文件上，但是一旦在我的Angular應用程序中，我無法拖動落... 如果你有一個想法...謝謝:)

<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"> 
<img src="https://cdn.arstechnica.net/wp-content/uploads/2016/02/5718897981_10faa45ac3_b-640x624.jpg" draggable="true" ondragstart="drag(event)" id="drag1" width="88" height="31"> 

function allowDrop(ev) { 
    ev.preventDefault(); 
} 

function drag(ev) { 
    ev.dataTransfer.setData("text", ev.target.id); 
} 

function drop(ev) { 
    ev.preventDefault(); 
    var data = ev.dataTransfer.getData("text"); 
    ev.target.appendChild(document.getElementById(data)); 
} 

而且依賴（萬一）

"dependencies": { 
    "angular": "^1.6.1", 
    "angular-ui-router": "^0.3.2", 
    "body-parser": "^1.15.2", 
    "cors": "^2.8.1", 
    "express": "^4.13.4", 
    "method-override": "^2.3.6", 
    "mongoose": "^4.6.5", 
    "morgan": "^1.7.0", 
    "toastr": "^2.1.2" 

Answer 1

您正在使用JS事件（ondrop,ondragover），而您應該使用指令實現此角度方式。下面是一些例子：

Angular Drag and Drop
Drag & Drop with HTML5