如何进行水平拖动和替换

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