Question

我试图用ng2 dragula的副本拖放一个方法这是我的模板。

`<div>
   <div class='wrapper'>
     <div class='container' id='no-drop' [dragula]='"first-bag"'>
       <div>Drag/drop item 1</div>
     </div>
     <div class='container' [dragula]='"first-bag"'>
       <div>Drag/drop item 2</div>
     </div>
   </div>
 </div>`

我已在我的组件中设置了复制选项。

constructor(private dragulaService: DragulaService) {
dragulaService.setOptions('first-bag', {
  copy: true
});

但如果我设置为false，我根本无法拖动。我怎样才能从左到右而不是从另一个方向移动。

Answer 1

我发布后很快就找到了答案!!

   constructor(private dragulaService: DragulaService) {
    dragulaService.setOptions('first-bag', {
      copy: true,
      moves: function (el, container, handle) {
        return container.id !== 'no-drop';
      }
    });

Answer 2

我更喜欢使用接受功能而不是使用移动功能。

因为使用移动功能，您可以停止从容器移动项目。接受函数决定目标容器是否有效。

accepts: function (el, target, source, sibling) {
              // your condition
            },

Dragula拖放一个方式复制ng2

2 个答案: