如何进行水平拖动和替换

Question

用例描述： 我正在尝试对三列使用拖放来更改它们的顺序（水平切换它们的位置）。我尝试了 demo page 中的第一个示例，但在我的例子中我只想水平拖动，我的标记如下所示：

<div class="horizontal segments" dragula="DRAGULA_FACTS">
<div class="column">content1</div>
<div class="column">content2</div>
<div class="column">content3</div>
</div>

相对来说是可以的，但是只能从右向左拖动，不能反方向（从左向右）拖动。有什么办法可以实现吗？

Answer 1

我明白了，在 bavecqua/dragula 中提到了，你应该在选项中指定 direction，所以我将其添加到我的 home.component.ts 并更改了组名 :

import {DragulaService} from 'ng2-dragula';

  constructor(private dragulaService: DragulaService) {
    dragulaService.createGroup("FEED", {
      direction:'horizontal'
    });
  }

如何进行水平拖动和替换

How to do horizontal drag and replace

angular-dragula

ng2-dragula

angular