我正在使用angular-dragula库。
我已经创建了一个dragula容器,并且我使用to数组作为dragula容器的两个列/包。
我面临的问题是,当我将一个元素从第1行拖放到第2行时,下一个元素将被拖放,而不是当前元素。
我已经创建了一个柱面来显示这个问题,link:
http://jsfiddle.net/36meLf7r/14/
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;
}
});
}]);发布于 2017-01-25 16:39:06
将label元素<label>Planned</label>从它们的bags.Because中删除。由于dragula无法获取所选子作用域,因此要创建多个子作用域。
https://stackoverflow.com/questions/41827096
复制相似问题