angular - 如何进行水平拖动和替换

Question

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

<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'
    });
  }