首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >带拖曳模型的角拖曳问题

带拖曳模型的角拖曳问题
EN

Stack Overflow用户
提问于 2017-01-24 19:28:52
回答 1查看 358关注 0票数 1

我正在使用angular-dragula库。

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

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

我已经创建了一个柱面来显示这个问题,link:

http://jsfiddle.net/36meLf7r/14/

HTML

代码语言:javascript
复制
<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">

控制器

代码语言:javascript
复制
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;
    }
  });
}]);
EN

回答 1

Stack Overflow用户

发布于 2017-01-25 16:39:06

将label元素<label>Planned</label>从它们的bags.Because中删除。由于dragula无法获取所选子作用域,因此要创建多个子作用域。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41827096

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档