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

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