拖动模型的角拖动问题答案

【问题标题】：angular-dragular issue with dragular-model拖动模型的角拖动问题
【发布时间】：2017-01-24 11:28:51
【问题描述】：

我正在使用 angular-dragula 库。

我已经创建了一个 Dragula 容器，并且我使用 to 数组作为 Dragula 容器的两个列/袋。

我面临的问题是，当我将一个元素从第 1 行拖放到第 2 行时，下一个元素将被删除，而不是当前元素。

我创建了一个 plunkr 来显示问题，链接：

HTML

<body ng-app="myApp" ng-controller="myCtrl">
  <div class='wrapper' layout='row'>
    <div id="Planned" class="container md-block" dragula='"tasks-container"' dragula-model="PlannedList">
      <label>Planned</label>
      <div ng-repeat="plannedTask in PlannedList">
        <div class="info-box-content">
          <span class="info-box-text">{{plannedTask.TaskName}}</span>
        </div>
      </div>
    </div>
    <div id="InProgress" class="container md-block" dragula='"tasks-container"' dragula-model="InProgressList">

控制器

var myApp = angular.module('myApp', [angularDragula(angular)]);

myApp.controller('myCtrl', ['$scope', 'dragulaService', function($scope, dragulaService) {
  $scope.PlannedList = [{
    TaskName: 1
  }, {
    TaskName: 2
  }];
  $scope.InProgressList = [{
    TaskName: 3
  }, {
    TaskName: 4
  }];

  dragulaService.options($scope, 'first-bag', {
    accepts: function(el, target, source, sibling) {
      return true;
    }
  });
}]);

【问题讨论】：

标签： angularjs dragula

【解决方案1】：

从袋子中删除标签元素<label>Planned</label>。因为它们会创建多个子作用域，因此dragula 无法获取选定的子作用域。

【讨论】：

知道了。谢谢。