AngularJs中的拖放功能

我正在尝试在我的应用程序中使用拖放功能，我下载了拖放模块，可以在这里找到：，我需要使用一个简单的例子，就像这样： 如果我需要下载其他东西，我不知道如何使用它。

---

提前感谢您的帮助

尝试使用此模块可能会有所帮助

http://angular-dragdrop.github.io/angular-dragdrop/

---

更新：下面是一个简单的工作示例：

只需按照本文介绍的步骤操作即可

步骤1:确保在html中加载脚本

<script type="text/javascript" src="dist/ng-sortable.min.js"></script>
<link rel="stylesheet" type="text/css" href="dist/ng-sortable.min.css">

<!-- OPTIONAL: default style -->
<link rel="stylesheet" type="text/css" href="dist/ng-sortable.style.min.css">

步骤3:使用下面的html结构调用指令

Html

<ul data-as-sortable="board.dragControlListeners" data-ng-model="items">
   <li data-ng-repeat="item in items" data-as-sortable-item>
      <div data-as-sortable-item-handle></div>
   </li>
</ul>

您可以使用

F12

键查看上面提到的确切示例

---

我想你可以试试这个模块：我使用它，他工作得很好。@FlorianB请看你给我看的例子，我没有拖放效果，我不知道是什么错误，请帮助我：（你能看看我做了什么，我把它放在github中，你可以看到github.com/alyssaMel/angular.git提前谢谢：）PS：谢谢你回复@Sampath我试着按照说明操作，但我仍然没有拖放效果。你能看看我做了什么吗？请提前感谢你能不能为此创建一个

plunker

？plunker是什么？？我不了解plunker是一个在线社区，用于创建、协作和分享您的web开发想法。感谢您的帮助，兄弟，我将它放在plunker上，这是一个链接，在app.js中，我认为我还没有完成，或者我犯了一个错误

<ul data-as-sortable="board.dragControlListeners" data-ng-model="items">
   <li data-ng-repeat="item in items" data-as-sortable-item>
      <div data-as-sortable-item-handle></div>
   </li>
</ul>

$scope.dragControlListeners = {
    accept: function (sourceItemHandleScope, destSortableScope) {return boolean}//override to determine drag is allowed or not. default is true.
    itemMoved: function (event) {//Do what you want},
    orderChanged: function(event) {//Do what you want},
    containment: '#board'//optional param.
    clone: true //optional param for clone feature.
    allowDuplicates: false //optional param allows duplicates to be dropped.
};

$scope.dragControlListeners1 = {
        containment: '#board'//optional param.
        allowDuplicates: true //optional param allows duplicates to be dropped.
};