v0.4 - Fix a minor bug in Drag and Drop

Author: codef0rmerz

app/scripts/tpl/1.js

@@ -34,20 +34,22 @@ function oneCtrl($scope, $rootScope, Template, $timeout) {
    * @return void
    */
   $scope.onDrop = function(dragList, dragIndex, dropList, dropIndex) {
+    var temp;
+
     if (dragList === 'list1' && dropList === 'list2') {
-      var temp = $scope.list2[dropIndex];
+      temp = $scope.list2[dropIndex];
       $scope.list2[dropIndex] = $scope.list1[dragIndex];
       $scope.list1[dragIndex] = temp;
     } else if (dragList === 'list2' && dropList === 'list2') {
-      var temp = $scope.list2[dropIndex];
+      temp = $scope.list2[dropIndex];
       $scope.list2[dropIndex] = $scope.list2[dragIndex];
       $scope.list2[dragIndex] = temp;
     } else if (dragList === 'list2' && dropList === 'list1') {
-      var temp = $scope.list1[dropIndex];
+      temp = $scope.list1[dropIndex];
       $scope.list1[dropIndex] = $scope.list2[dragIndex];
       $scope.list2[dragIndex] = temp;
     } else if (dragList === 'list1' && dropList === 'list1') {
-      var temp = $scope.list1[dropIndex];
+      temp = $scope.list1[dropIndex];
       $scope.list1[dropIndex] = $scope.list1[dragIndex];
       $scope.list1[dragIndex] = temp;
     }

app/templates/1.html

@@ -23,7 +23,7 @@ <h3 class='pagination-centered'>Drag and Drop</h3>
     <div class="navbar-inner">
       <div class="container form-inline" style="text-align: center;">
         <button class="btn btn-inverse" style='margin-right:15px;' ng-disabled="currentPage == 0" ng-click="prev()">&laquo;</button>
-        <div class="btn-group" ng-repeat="item in list1" ng-show="show($index)" data-index="{{$index}}" data-list="list1" data-drop="{{item.drag}}" droppable-dnd>
+        <div class="btn-group" ng-repeat="item in list1" ng-show="show($index)" data-index="{{$index}}" data-list="list1" data-drop="{{item.drag}}" droppable>
           <div class="btn btn-info" data-index="{{$index}}" data-list="list1" ng-class="item.title.length || 'hidden'" data-drag="item.drag" draggable>{{item.title}}</div>
         </div>
         <button class="btn btn-inverse" style='margin-left:15px;' ng-disabled="currentPage == numPages" ng-click="next()">&raquo;</button>