使用Angular.js进行简单的拖放操作

时间:2017-01-05 01:53:24

标签: javascript jquery angularjs draggable

这是来自W3Schools的一些基本的拖放JS

<script>
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));
}
</script>

<html>
<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<br>
<img id="drag1" src="img_logo.gif" draggable="true" ondragstart="drag(event)" width="336" height="69">
</html>

我想用我的角度应用程序来完成这项工作,但是无法将我的思维包裹在其中#34;角度方式&#34;谈论这个。

我知道我可以将这些函数作为范围的一部分包含在内,但是有用于绑定它们的ng-drop和ng-drag事件吗?

我是否需要编写自定义指令??

0 个答案:

没有答案