Как сделать горизонтальное перетаскивание и заменить

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